Generator symboli zastępczych SVG

Generuj obrazy SVG do wykorzystania jako symbol zastępczy w swoich aplikacjach.

Szerokość (w px)

Tło

Wysokość (w pikselach)

Kolor tekstu

Rozmiar czcionki

Tekst niestandardowy

Użyj dokładnego rozmiaru

Element HTML SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 350" width="600" height="350">
  <rect width="600" height="350" fill="#cccccc"></rect>
  <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="monospace" font-size="26px" fill="#333333">600x350</text>
</svg>

SVG w Base64

data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MDAgMzUwIiB3aWR0aD0iNjAwIiBoZWlnaHQ9IjM1MCI+CiAgPHJlY3Qgd2lkdGg9IjYwMCIgaGVpZ2h0PSIzNTAiIGZpbGw9IiNjY2NjY2MiPjwvcmVjdD4KICA8dGV4dCB4PSI1MCUiIHk9IjUwJSIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9Im1vbm9zcGFjZSIgZm9udC1zaXplPSIyNnB4IiBmaWxsPSIjMzMzMzMzIj42MDAqMzUwPC90ZXh0PiAgIAo8L3N2Zz4=

Co to jest symbol zastępczy?

Symbol zastępczy, zwany także w języku angielskim PlaceHolder, jest zwykle używany w scenariuszach, w których rzeczywista treść nie jest wymagana, ale należy zachować jej położenie, np.: symbole zastępcze tekstu, symbole zastępcze obrazu. To narzędzie udostępnia funkcję generowania obrazów zastępczych. Wygenerowany obraz zastępczy ma format SVG. Proces generowania SVG kończy się na kliencie (przeglądarce) i jest niezwykle szybki, dlatego narzędzie to nazywane jest również narzędziem zastępczym SVG.
Placeholder jest używany głównie w projektowaniu prototypów stron internetowych (APP), prezentacji PPT, instrukcjach obsługi i innych scenariuszach. Przekazywane znaczenie jest następujące: jaki rodzaj obrazu zostanie tutaj umieszczony, a jego rozmiar to xxx pikseli. W powyższych scenariuszach użycie symboli zastępczych pozwala uniknąć kosztów czasowych związanych z każdorazowym wyszukiwaniem zdjęć.