Placeholder Image Generator
Make placeholder and dummy images of any size, colour and text for designs, mockups and website layouts. Download as PNG, JPG, WebP or SVG in one click.
Presets
Preview
Images are drawn in your browser — nothing is uploaded.
How to Create a Placeholder Image
Three steps to the image you need.
Set the Size
Type a width and height, or pick a preset like Open Graph 1200×630 or Instagram 1080×1080.
Choose Colours & Text
Pick background and text colours. Leave the text empty to show the size.
Download
Save it as PNG, JPG, WebP or SVG — or copy the SVG code or data URI for your HTML.
Sizes
1–5000 px
Presets
11 common sizes
Formats
PNG, JPG, WebP, SVG
Copy
SVG code & data URI
Privacy
Runs in your browser
Price
100% free
Popular Image Sizes
Common sizes for web, social media and ads.
| Use | Size (px) | Ratio |
|---|---|---|
| Open Graph / link preview | 1200 × 630 | 1.91:1 |
| Instagram post | 1080 × 1080 | 1:1 |
| Instagram / TikTok story | 1080 × 1920 | 9:16 |
| YouTube thumbnail | 1280 × 720 | 16:9 |
| Full HD banner | 1920 × 1080 | 16:9 |
| X (Twitter) header | 1500 × 500 | 3:1 |
| Medium rectangle ad | 300 × 250 | 6:5 |
| Leaderboard ad | 728 × 90 | 8:1 |
What Can You Use It For?
Popular ways people use Placeholder Image Generator.
Wireframes & Mockups
Fill image areas while the real photos aren't ready.
Web Development
Test layouts, sliders and galleries with the right image sizes.
Ad Layouts
Check banner sizes before the creative is designed.
Teaching & Docs
Show image sizes clearly in tutorials and specs.
Tips for the Best Result
- Use SVG for the smallest file that stays sharp at any size.
- Grey backgrounds with dark text look neutral and don't distract from the layout.
- The size text helps designers know exactly what image to make later.
- When the real photos are ready, resize them with our Image Resizer.
Frequently Asked Questions
Quick answers about Placeholder Image Generator.
A simple temporary image, usually a coloured box with its size written on it, used in designs and websites until the real image is ready.
PNG for sharp flat colours, JPG for the smallest photo-style files, WebP for modern websites, and SVG for a tiny file that scales perfectly.
Up to 5000 × 5000 pixels. Very large images take a little longer to download.
Yes. Click Copy data URI and use it as an img src, or Copy SVG code and paste it straight into your HTML.
Yes — up to 80 characters. Leave it empty to show the image size.
Yes. You create them yourself, so you can use them anywhere, including commercial projects.
No. The image is drawn in your browser.
Yes — 100% free, with no sign-up and no limits.
Related Free Tools
Ready to Use Placeholder Image Generator?
Scroll up and get your result in seconds. 100% free, no sign-up needed.
Start Now