Placeholder Image Generator
Generate a solid-colour placeholder image at any size, with the dimensions (or your own text) centred on top — download as PNG or SVG, or copy the markup.
What this placeholder generator does
This tool draws a simple placeholder image: a solid background color filling the exact width and height you choose, with a centered label on top. By default the label shows the dimensions, like 800×600, but you can replace it with any text you want. The label color starts out automatic — black on light backgrounds, white on dark ones — but the Text color swatch sets any color you like and Auto puts it back, and a Font size box overrides the size the label is drawn at. When the preview looks right, click Download PNG to save it, or switch the output to SVG for the markup, a data: URI and an SVG download.
When placeholder images are useful
Placeholder images are handy while building websites, app mockups, wireframes, and design comps before the real artwork is ready. Dropping in a correctly sized block keeps your layout from collapsing and makes it obvious which dimensions each slot expects. Because the size is baked into the picture as text, teammates can see at a glance that an image should be, say, 1200×630 for a social preview or 300×250 for an ad unit.
Frequently asked questions
What image format do I get?
PNG or SVG — two buttons switch the output. The PNG downloads as placeholder-800x600.png, with the width and height you chose in the name, and the SVG as placeholder-800x600.svg alongside its markup and a data URI you can copy. PNG keeps the solid color and text crisp at the size you chose, and it opens in every browser, editor, and design tool.
How do I change the text or its color?
Type anything into the Text field to override the default width × height label, and pick any background color with the color swatch. The text color starts as black or white, whichever is legible against that background, and the Text color swatch beside it sets any color you like — the Auto button puts the automatic one back. A Font size box overrides how big the label is drawn.