Placeholder image generator
Create a placeholder image, also called a dummy image: set a size, colours and optional text, then download it as SVG or PNG. You can also copy a URL that returns the same image, to use straight in an <img> tag.
Common placeholder sizes
| Use | Size (px) |
|---|---|
| Square thumbnail or avatar | 150×150 |
| Medium rectangle ad | 300×250 |
| Leaderboard banner | 728×90 |
| Square social post | 1080×1080 |
| Link preview (Open Graph) image | 1200×630 |
| Full HD hero or video frame | 1920×1080 |
SVG or PNG?
SVG files are tiny and stay sharp at any size, so they suit websites and code. PNG suits tools that don't accept SVG, such as some slide, email and social media editors. Both downloads are made in your browser.
The copied URL points to the placeholder image API, which returns the same SVG. It is useful in mockups and HTML templates, where you want an image without saving a file. For a realistic photo or illustration instead of a plain box, try the AI placeholder image generator. For ways to reserve space for an image in your own code, see placeholder images in HTML and CSS.
Frequently asked questions
Is this placeholder image creator free?
Yes. It runs in your browser, needs no account and has no usage limit.
What sizes can I make?
Any width and height from 8 to 2000 pixels. The buttons fill in common sizes such as 300×250, 1200×630 and 1920×1080.
Can I add my own text to the placeholder?
Yes, up to 60 characters. Leave the text field empty to show the size, such as 600×400.
Should I download SVG or PNG?
Use SVG for websites and code, because it is tiny and sharp at any size. Use PNG for tools that don't accept SVG.
Can I use the image URL in an img tag?
Yes. Press "Copy <img> tag" to get a tag that loads the placeholder from the Lorem.space image API.