SVG placeholder generator
Generate a lightweight SVG placeholder image at any size.
Loading tool…
About the svg placeholder generator
Generates a lightweight SVG placeholder at any dimensions, with your choice of colours and label, and gives you both the raw markup and a data URI. A few hundred bytes, so it will not slow down a prototype the way a remote placeholder service does.
Frequently asked questions
Why SVG rather than a placeholder service?
No network request, no third party watching your prototypes, and it works offline. The file is small enough to inline directly in the markup.
Can I use it as a CSS background?
Yes — use the data URI form in url(). Because the SVG is text, it compresses well and needs no extra HTTP request.