Generate solid or gradient placeholder PNGs at any size. Free, private, runs in your browser.
100% private — your files never leave your browser. All processing happens locally on your device.
Every design mock-up, every layout prototype, every CSS experiment starts with fake content. Lorem Ipsum for text, placeholder images for pictures. Without them, a prototype looks broken — empty rectangles and missing resources — and you can't evaluate layout or balance. Placeholder images with clear dimension labels are the most useful kind: at a glance you can tell that image is 1200×800 so it should fit your 16:9 hero slot, without having to eyeball it.
The default label `640 × 480` tells you the size of the placeholder at a glance, across a prototype full of different-sized blocks. Override with any text when you want — product names, version tags, 'NOT FINAL' warnings, Loremflickr-style category labels. Every feature exists because the tool assumes you'll iterate on a layout, and the placeholder will sit in the layout for a while before being replaced with real art.
Solid fills are cleanest for low-noise placeholder grids where the point is to see the layout. Gradient fills feel less sterile when the placeholder has to stand in for hero art for more than a minute — a linear fade reads as 'real-ish image' even at the thumbnail level, making design review easier. Both are available via the toggle; the palette is the same for both.
Square 500 (product thumbnails, avatars), 16:9 1280×720 (video thumbnails, hero slots), Open Graph 1200×630 (social-share cards), Instagram Story 1080×1920 (portrait mobile), 256 (avatar card). One tap sets both dimensions to the preset. Free-form width and height inputs are there too — clamped between 1 and 4096 to stop runaway memory issues on weird input.
Any from 1×1 up to 4096×4096 pixels. Preset chips are included for common sizes — square 500, 16:9 1280, OG 1200×630, IG Story 1080×1920, avatar 256.
Both. Pick a palette (slate, light, violet, emerald, rose, amber) and toggle gradient for a subtle two-stop fade. Gradients are great for placeholder hero images that feel less sterile than flat colour.
Yes. By default the image shows its dimensions (`640 × 480`). Type any text — product names, version numbers, 'NOT FINAL' watermarks — to override. Leave empty to restore the dimension label.
Yes. The 'Copy data URL' button produces a `data:image/png;base64,…` string you can paste directly into CSS `background-image` or HTML `<img src>`, skipping a separate file request.