SVG-Platzhalter-Bildgenerator

Code-ScreenshotQR-Code-ErkennungQR Code GeneratorWiFi QR Code GeneratorSVG Platzhalter GeneratorOCR BilderkennungText zu Bild

SVG-Platzhalter-Bildgenerator

Dieses Tool unterstützt das Anpassen der Größe, des Textes und der Vordergrundfarbe (Hintergrundfarbe) von SVG-Bildern. Das generierte SVG-Platzhalterbild kann direkt über die URL referenziert werden, oder das SVG kann zur Verwendung in anderen Szenarien lokal gespeichert werden.

Bildbreite (px)

Bildhöhe (px)

Vordergrundfarbe

Hex

Alpha

Hintergrundfarbe

Hex

Alpha

SVG HTML

<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">600*350</text>   
</svg>

SVG Base64

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

Was ist ein Platzhalterbild?

Platzhalter, auf Englisch „PlaceHolder“ genannt, werden normalerweise in Szenarien verwendet, in denen der tatsächliche Inhalt nicht ausgefüllt werden muss, seine Position jedoch beibehalten werden muss, wie z. B. Textplatzhalter und Bildplatzhalter. Dieses Tool bietet die Funktion, Platzhalterbilder zu generieren. Die generierten Platzhalterbilder liegen im SVG-Format vor. Der SVG-Generierungsprozess wird im Client (Browser) abgeschlossen und ist äußerst schnell. Daher wird dieses Tool auch als SVG-Platzhalterbild-Tool bezeichnet. .
Platzhalterbilder werden hauptsächlich beim Prototypendesign von Webseiten (APP), PPT-Demonstrationen, Bedienungsanleitungen und anderen Szenen verwendet. Sie vermitteln die Bedeutung: Welche Art von Bild wird an dieser Stelle platziert und die Größe beträgt xxx Pixel. Im obigen Szenario kann durch die Verwendung von Platzhalterbildern der Zeitaufwand vermieden werden, der dadurch entsteht, dass jedes Mal Bilder gesucht werden müssen.