About this tool
What does it generate?
Crisp, resolution-independent placeholder boxes and mock images as inline SVG or data URIs — sized, colored and labeled exactly, without external image services.
How to use it
- Set dimensions, background, text and font size.
- Copy the SVG markup or data URI.
- Drop into layouts awaiting final assets.
Examples
- Grey 800×600 boxes standing in for hero images.
- Avatar circles with initials during development.
- OG-image scaffolding before design lands.
Important limitations
- Placeholders are layout tools, not content — replace before launch.
- Data URIs bloat HTML; switch to files for production assets.
- Alt text still matters for the final images.
Privacy
Generated locally as markup. Nothing uploaded.
Frequently asked questions
SVG or external service?
SVG: offline, instant, private — no third-party dependency.
Responsive?
SVGs scale losslessly — set viewBox and forget.
Dark mode?
Generate variants or use currentColor-aware markup.