Placeholder Image Generator
Pick dimensions, colors, and a label. Get an instant placeholder image for mockups, hero banners, or dev testing. No account, no watermark.
How it works
The preview is not a mockup of your image, it is the image: a canvas element sized
to your exact pixel dimensions, filled and lettered with the 2D drawing API, then
encoded straight to PNG, JPG, or WebP with canvas.toBlob. The label's
font size scales with the shorter side (about an eighth of it, with a 12px floor) so
the text stays proportionate whether you generate a 64px thumbnail or a 4000px
banner. In photo mode the upload is cover-fitted, scaled to fill and center-cropped
exactly like CSS object-fit: cover, and the label gets a translucent
dark backdrop so it stays readable over a busy image. Redrawing is synchronous on
every keystroke; only the heavier blob encoding is debounced briefly behind it,
which is why the size readout lags the preview by a beat.
One thing to plan around: flat-color placeholders compress absurdly well. A 4000×4000 solid PNG is often under 40 KB, because DEFLATE flattens identical rows to almost nothing. Great for quick mockups, misleading if you're testing load performance, since a real photo that size would be a hundred times heavier. For honest weight, use the photo background mode, or pair this with the test file generator to pad assets to a realistic byte size.
Drawing, encoding, and download all happen inside this tab, including any photo you drop in, which is read through an object URL and never leaves memory. Open DevTools and watch the Network tab while you generate: no request carries your image out.
Common questions
What's the largest image I can generate?
Up to 4000 x 4000 pixels, with any width and height combination in between. The preview shows exactly what you'll download.
Which formats can I download?
PNG, JPG, or WebP. PNG keeps flat colors and text pixel-crisp, which is usually what you want for placeholders. JPG and WebP produce smaller files if you're generating large images.
Can I use my own photo as the background?
Yes. Pick the "Use an image" style and upload one, and it becomes the background at your chosen dimensions with the label drawn on top. Like everything else here, the photo is processed in your browser and never uploaded.
What does the label default to?
If you leave the label field empty, the image is stamped with its own dimensions, like 600x400. That's handy for spotting wrong-sized images in a layout. Type anything you like to replace it.