Placeholder image generator
Generate a placeholder SVG image with custom size, colors and label — as SVG, data: URI or an <img> tag.
Placeholder image generator
Pick a width and height — or a common aspect ratio like 16:9 or 4:3 — and this tool draws a placeholder image on the spot, ready to drop into a mockup, a wireframe, or a spot in your markup where the real asset isn't ready yet. It renders as SVG, so the box stays sharp at any size and scales without a blurry raster underneath.
Set a background and text color, and either let the label default to the rendered dimensions (like "800×600") or type your own caption — a component name, a breakpoint, anything that helps you tell one placeholder from another while you build. Font family and size are adjustable too, and rounding the corners or overlaying a grid or diagonal cross gives the box the familiar "this is a placeholder" look instead of a plain gray rectangle.
Choose how the result comes out: raw SVG markup to save as a file, a percent-encoded data: URI or a base64 one for a CSS background or an inline image source, or a complete img tag you can paste straight into HTML. Very large dimensions or an unreasonably long label are capped rather than allowed to freeze the tab or produce something nobody could use.
Everything is drawn locally in your browser the moment you change an option — no image is generated on a server and nothing you type is uploaded anywhere. Copy the result, download it as a .txt file, or send it straight into another tool such as the SVG URL encoder or the color converter.