PLACEHOLDER
☞ runs entirely in your browser — nothing is uploadedPreview
PLACEHOLDER
Set width, height, background color and center label — download a PNG placeholder for wireframes, docs or lazy-load demos.
Preview
dev & design
A placeholder is a stand-in with the right dimensions: it holds the space so a layout can be judged before the real photography exists. Set width and height, pick two colours, edit the centre label, and download a PNG.
The file is drawn on a canvas in this tab, so there is no request to a placeholder service. That also means it works offline, behind a corporate proxy, and in a repository where you would rather not depend on a third-party URL staying alive for the next five years.
four steps
Anywhere from 16 px to 4096 px on each side. Matching the real asset exactly is the point — a placeholder at the wrong aspect ratio hides the layout problem you are trying to see.
Background and label colour are separate fields. Mid grey with darker text reads as a placeholder; a saturated colour reads as a design decision, which is rarely what you want in a wireframe.
The centre text defaults to the dimensions. Replace it with a content note — hero image, product shot, avatar — when someone else is going to read the mockup.
The file saves with the dimensions in its name, so a folder of placeholders stays sortable.
quick answers
Anything from 16 px to 4096 px on each side. Very large canvases take a moment to draw on a phone, but they do not fail or get silently downscaled.
PNG, with a solid fill and centred text. PNG keeps the label edges crisp at any size — placeholder labels are text, and text is what JPG handles worst.
Those work until the service rate-limits you, goes down, or is blocked on the network you are demoing from. A local PNG has none of those failure modes and can be committed next to the mockup that uses it.
They are meant for wireframes, documentation and lazy-loading demos. There is no licensing question — you generated the file — but a real asset will always tell the reader more than a grey box.
Not on this page; the background is always a solid fill. Generate one here and remove the background with the freehand cutout tool if you need alpha.
No. The image is drawn on a canvas element in your browser and saved straight to your disk.
Yes — free, no sign-up, no watermark.