Design tools
Dummy images, exactly the size you need
Set the width, height, colours and label, and download a placeholder as PNG, JPEG, WebP or SVG — or copy it as a data URI.
About this tool
Placeholders without a placeholder service
Wireframes, prototypes and CMS templates need stand-in images at exact sizes. Placeholder services go down, get slow and log every request; this makes the image in your browser. Choose the size or a preset ratio, the background and text colours, and the label (it defaults to the dimensions), and download it in any format — or copy an SVG data URI that weighs a few hundred bytes. A batch mode makes a whole set of sizes at once.
- Free, no sign-up
- Runs in your browser
- Nothing uploaded
Any size and ratio
Exact pixels or presets for 16:9, 4:3, 1:1, OG images, banners and avatars.
Tiny SVG option
A placeholder as an SVG data URI is a few hundred bytes and scales to any size.
Batch a set
Generate a list of sizes in one go and download them as a ZIP.
Step by step
How to make a placeholder image
Set the size
Type the width and height, or pick a preset.
Style it
Choose the background and text colours and the label — or leave the label as the size.
Download or copy
Save as PNG, JPEG, WebP or SVG, or copy a data URI.
Get the most out of it
Tips for the best results
- Use SVG in prototypesAn SVG placeholder is tiny and stays crisp at any zoom.
- Label with the purposeName it “Hero 1920×1080” so the real image is easy to swap in.
- Match the final ratioUse the real aspect ratio so the layout does not shift later.
- Soft colours read as placeholderMuted greys make it obvious the image is temporary.
Keep going
More free design tools
Questions
Questions about this tool
Everything here runs in your browser — nothing you add is uploaded. More in the general FAQ.
How do I create a placeholder image?
Enter the width and height, pick the colours and label, and download. The image is generated in your browser — no external service involved.
Can I get a placeholder as a data URI?
Yes. Copy the SVG or PNG data URI and use it directly in an <img> src or CSS.
Which formats are available?
PNG, JPEG, WebP and SVG.
Can I make several sizes at once?
Yes. Batch mode takes a list of sizes and downloads them all as a ZIP.
Is anything uploaded?
No. Images are drawn and saved in your browser.