Placeholder Image Generator
Make placeholder images for free at any size — set width and height, colours and custom text, and download PNG, JPG, WebP or SVG. Or copy a self-contained <img> tag with the image built in, so your mockups never depend on a third-party placeholder service.
100% private — everything runs in your browser. Conversion happens on your device; nothing is uploaded.
The <img> tag embeds the placeholder as an inline SVG, so it works offline and never depends on a third-party image service. Downloads are exact pixel sizes up to 8000 × 8000.
How to make a placeholder image
- Pick a preset size or type a width and height.
- Choose background and text colours, and optional custom text.
- Pick PNG, JPG, WebP or SVG.
- Download the image, or copy the <img> tag.
What you can use it for
- Fill website and app mockups before final images are ready
- Test layouts, image slots and responsive breakpoints
- Mark ad sizes in wireframes and media plans
- Create dummy images for CMS and e-commerce testing
More free tools
Building for the web?
Format, minify, convert and generate code with our free, private developer tools.
See all free tools →Frequently asked questions
What is a placeholder image?
A simple image of an exact size — usually showing its dimensions — used to hold the space in a design or website until the real image is ready.
Why use the built-in <img> tag?
It embeds the placeholder as a tiny inline SVG, so it loads instantly, works offline and won't break if a placeholder website goes down.
What's the largest size?
Up to 8000 × 8000 pixels.
Can I use them in client projects?
Yes, they're free to use anywhere.