SVG Placeholder Generator

Code screenshotQR Code RecognitionQR Code GeneratorWiFi QR Code GeneratorSVG Placeholder GeneratorOCR Image RecognitionText to Image

SVG placeholder image generator

This tool supports customizing the size, text, and foreground (background) color of SVG images. The generated SVG placeholder image can be directly referenced through the URL, or the SVG can be saved locally for use in other scenes.

Width(px)

Height(px)

Foreground Color

Hex

Alpha

Background Color

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=

What is Placeholder?

Placeholder, also called PlaceHolder in English, is usually used in scenarios where actual content is not required but its position needs to be retained, such as: text placeholders, picture placeholders. This tool provides the function of generating placeholder pictures. The generated placeholder picture is in SVG format. The process of generating SVG is completed on the client (browser), which is extremely fast, so this tool is also called SVG placeholder tool.
Placeholder is mainly used in webpage (APP) prototype design, PPT presentation, operation instructions and other scenarios. The meaning conveyed is: what kind of picture will be placed here, and the size is xxx pixels. In the above scenarios, using placeholders can avoid the time cost of finding pictures every time.