Placeholder Image Generator
Generate placeholder images in any size, colour and format — PNG, JPEG, WebP or SVG — and download or copy them as a data URI. Free, in your browser.
Set a size, colours and label — the placeholder updates live. Download it or copy a data URI / SVG markup for your mockups.
Size
Style
Format
Live preview — shown scaled to fit; the download uses the exact pixel size.
Data URIs embed the image directly in HTML/CSS — handy for quick mockups without hosting a file.
About Placeholder Image Generator
The Placeholder Image Generator creates dummy images for mockups, wireframes and development work. Set any width and height or pick a common preset, choose a background and text color, add a custom label or let the tool print the dimensions, and the preview updates live as you tweak each option.
You can export the placeholder as PNG, JPEG, WebP or SVG, with a quality slider for the lossy formats. Instead of downloading a file, you can also copy the image as a data URI or copy the raw SVG markup — handy for embedding a placeholder directly in HTML or CSS without hosting anything.
Everything is drawn on a canvas in your browser. There is no upload step at all, so the generator works instantly and never sends any data to a server.
How to use Placeholder Image Generator
- Enter a width and height in pixels, or click a preset size.
- Pick a background and text color — use the swap button to invert them.
- Type a custom label, or leave it empty to show the dimensions (e.g. “800 × 600”).
- Choose the output format: PNG, JPEG, WebP or SVG, and set the quality if needed.
- Download the image, or copy it as a data URI or SVG markup for direct embedding.