Dummy Image Generator
Pick the width and height in pixels, the colors and the text, then download a placeholder image as PNG, JPG or WebP. Useful for mocking up layouts and prototypes, or testing image components.
Preview
Need a file with an exact file size to test an upload?
Why use a dummy image
A dummy image stands in for an image that doesn't exist yet. It has the exact dimensions, a solid color and, here, text showing the width and height, so you can see right away whether the space in your layout is right.
Layouts and prototypes
Reserve space for photos and banners before the final assets exist.
Component testing
See how an <img /> crops, scales and loads at different dimensions.
CMS and documentation
Populate lists, galleries and examples without using real photos.
How to generate the image
Set the dimensions
Type the width and height in pixels, from 1 to 4096, or click a shortcut such as Open Graph.
Choose colors and text
Pick the background and text colors, or a color preset. With no text, the image shows its own dimensions.
Choose the format and download
PNG keeps text sharp, while JPG and WebP make lighter files. The file is saved as something like placeholder-1200x630.png.
Most common
These come up most often in layouts, social media and video. The tool's shortcuts fill in the width and height with one click.
| Dimensions | Used for |
|---|---|
| 1920 × 1080 | Page heroes, video covers and wallpapers |
| 1280 × 720 | YouTube video thumbnails and blog post covers |
| 1200 × 630 | Link previews on WhatsApp, LinkedIn, Facebook and X |
| 1080 × 1080 | Square posts on social media |
| 1080 × 1350 | Vertical posts in social media feeds |
| 1080 × 1920 | Stories, Reels and TikTok |
| 800 × 600 | Cards, galleries and product screens |
| 400 × 400 | User profile photos in apps and social media |
PNG, JPG or WebP:
All three work. They differ in how they handle text and solid backgrounds.
PNG
Keeps text and solid colors sharp. It makes the largest file of the three.
JPG
Small files, but compression can blur the edges of letters.
WebP
Small and sharp, but not every browser can generate it. Safari can't, so the option is disabled there.
For a placeholder with text, use PNG. The file is a bit larger, but the letters stay sharp.