Label the purpose
Text like "Hero image 1920 × 1080" helps the whole team.
Placeholder Image Generator
Need a stand-in image while the real photos are being shot? Set any width and height, pick colours and text, and download a clean placeholder in PNG, JPG, WebP or SVG.
- 100% free
- No sign-up
- Runs in your browser
Presets:
Preview
How to use
How to use the Placeholder Image Generator
- Enter the width and height, or tap a preset.
- Choose colours and optional text.
- Pick a format: PNG, JPG, WebP or SVG.
- Download the image or copy it as a data URI.
Private by design. The images are drawn by your browser. Nothing is uploaded or stored.
About this tool
Why use placeholder images?
Placeholders let designers and developers build layouts before final images exist. Showing the exact dimensions on the image makes it obvious which size the real photo needs to be, so nothing gets stretched or cropped unexpectedly when it is swapped in.
SVG placeholders are tiny and stay sharp at any size, which makes them ideal for prototypes. PNG and JPG versions are handy for slide decks, documents and tools that do not accept SVG.
Good to know
Placeholder tips
Use neutral colours
Soft greys keep attention on the layout, not the placeholder.
Match real ratios
Use the same ratio as the final images to avoid surprises later.
Use SVG in code
SVG data URIs add almost nothing to page weight.
FAQ
Placeholder Image Generator FAQs
What sizes can I make?
Any size from 1 to 5000 pixels in each direction.
Can I use these images commercially?
Yes. They are generated by you and free to use.
What is the best format?
SVG for websites and prototypes, PNG for documents and slides.
Can I add my own text?
Yes. Type any text, or leave it empty to show the dimensions.
Need help with visuals that sell?
Our digital marketing team creates and optimises images, ads and social content that perform.