Placeholder Image Generator

Placeholder Image Generator makes stand-in pictures for designs, mock-ups and web pages that are waiting for the real photos. Type a width and height or pick one of more than thirty presets, from a 1200 × 630 link preview to a 728 × 90 ad banner or a 1080 × 1920 story, and the preview updates as you go. By default the image shows its own size, so anyone looking at the layout knows exactly what picture belongs there.

You can go well beyond a grey box. Choose a solid colour, a linear or radial gradient, any of eighteen bundled fonts, your own label with the size filled in automatically, and an optional cross, checker, stripe, grid or dot pattern. Round the corners or make it a circle for avatar slots. Save it as PNG, JPG, WebP or a tiny SVG, copy it straight into another app, or copy it as a data URI to paste into HTML or CSS.

Need a whole set? List the sizes, or add a ready set such as all the social media sizes, and download every one in a single ZIP. Nothing is uploaded: the images are drawn by your browser on your device.

1. Type a “Width” and “Height”, or choose a size from “Preset”. The swap button flips portrait and landscape.
2. Under “Background”, choose Solid, Gradient or Radial and set the colours, or tap a quick colour pair.
3. Under “Text”, leave “Label” empty to show the size, or type your own words. Pick a font, colour and text size.
4. Optionally add a pattern and choose Rectangle, Rounded or Circle under “Pattern and shape”.
5. Choose PNG, JPG, WebP or SVG, then press “Download”, “Copy image” or “Copy data URI”.
6. For many sizes, open “Make many sizes at once (ZIP)”, add sizes and press “Download ZIP”.

• Any size from 1 × 1 up to 8,000 × 8,000 pixels, with more than thirty presets for social media, video, ad banners, avatars, app icons and websites.
• Solid, linear gradient (any angle) and radial gradient backgrounds, with eight quick colour pairs.
• A label that shows the size by default, with {w}, {h} and {ratio} placeholders and multiple lines.
• Eighteen bundled fonts, bold or regular, text colour and a text size slider; the label always fits inside the image.
• Cross, checker, stripe, grid and dot patterns with their own colour, strength and size.
• Rectangle, rounded or circle shapes, with see-through corners in PNG, WebP and SVG.
• PNG, JPG, WebP and SVG downloads, a copy-image button and a data URI for HTML and CSS.
• Batch mode: up to 60 sizes in one ZIP, with one-tap sets for social, video, ads, avatars and websites.
• Your last design is remembered in this browser for next time.

• Use SVG for web mock-ups: it is tiny, sharp at any size and can be pasted as a data URI. Use PNG when the image is going into a design app or slide deck.
• An SVG label uses the font by name, so on a computer without that font it shows in a similar fallback font. Pick PNG if the exact font matters.
• Very large images such as 8,000 × 8,000 are too big for browsers to draw as PNG, JPG or WebP. Choose SVG for those, which has no pixel limit.
• Keep a little contrast between the background and the text colour so the size label is easy to read in screenshots and reviews.
• Data URIs for big, detailed images get long. For anything over a few hundred kilobytes, download the file and link to it instead.