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 the SVG code, or an <img> tag that holds the image as a data URL, and paste it straight into your HTML.
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 |
Ad placeholder sizes
An ad placeholder, also called an advertisement placeholder, holds the space for a display ad while you build a page, so the layout doesn't jump when the real ad loads. Placeholder ads also show a client where the ads will go in a mockup. Press one of the ad size buttons above, such as 728×90 for a leaderboard banner ad placeholder. It sets the size and puts "Ad" and the size on the image, and you can change the text afterwards. The names below are the ones Google AdSense uses for these sizes.
| Ad unit | Size (px) |
|---|---|
| Medium rectangle | 300×250 |
| Large rectangle | 336×280 |
| Leaderboard | 728×90 |
| Large leaderboard | 970×90 |
| Billboard | 970×250 |
| Half page | 300×600 |
| Wide skyscraper | 160×600 |
| Skyscraper | 120×600 |
| Banner | 468×60 |
| Mobile banner | 320×50 |
| Large mobile banner | 320×100 |
| Square | 250×250 |
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 <img> tag carries the SVG inside its src as a data URL, so it works in mockups and HTML templates without saving a file or loading anything from a server. 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.
How do I make a 728×90 placeholder for an ad?
Press the "728×90 leaderboard" button. It sets the size to 728 by 90 pixels and the text to "Ad 728×90", and you can then download the image or copy its code.
Can I use the placeholder in an img tag without saving a file?
Yes. Press "Copy <img> tag" to get a tag with the SVG inside its src as a data URL. Paste it into your HTML and it shows the placeholder with no file and no server request.