Front-end prototypes
Produce fixed-size assets for avatars, banners, card images or responsive breakpoints without depending on an external image domain.
Guide
The placeholder image generator produces solid-colour images of a given size for web pages, app prototypes and test data. Single mode takes a width and height directly, or a preset such as avatar, banner, 16:9, 4:3, phone or ad; batch mode takes one size per line and generates several images at once. Images can use a custom background colour, text colour and centred label, and with the label left blank the size “width × height” is shown automatically. The output can be PNG, JPEG or SVG.
Updated 2026-09-102 min read
800x600, 1280×720 or 200,200.| Input | Output | Notes |
|---|---|---|
| 800×600, label blank, PNG | placeholder_800x600.png |
The size is written in the centre |
| Three lines of different sizes, SVG | Three SVGs inside a ZIP | Each uses its own width and height |
x, ×, *, a comma, a CJK comma, a colon or whitespace as the separator; lines that cannot be parsed are listed as warnings and skipped.<rect> and <text>.Produce fixed-size assets for avatars, banners, card images or responsive breakpoints without depending on an external image domain.
Enter several common sizes at once and get a whole set of PNG, JPEG or SVG test files in one package.
The code sets no extra limit on the number of entries; the practical count is bounded by browser memory, canvas size and ZIP packaging time, so a very large batch should be split up.
The canvas path tries up to 20 reductions of the font size until the text is no wider than about 86% of the canvas or the size approaches its lower bound.
Sizes, colours, labels and all images are generated locally in the browser; neither the parameters nor the generated images are sent to a remote service.
Updated 2026-09-10
Placeholder images with custom size, colors and text as PNG/JPEG/SVG, zipped in bulk
800 × 600 · PNG