Placeholder Image Generator
A placeholder image at any size as SVG or PNG — your colours, a label (the dimensions by default), optional cross or grid — for layouts before the asset exists.
A crisp SVG (and a PNG rendered in the browser) with the size, aspect ratio and label you set, ready to drop into a mock-up, a CMS or a test — no request to any placeholder service.
Example: 640 × 360 gives a 16:9 grey box labelled "640 × 360" in a 114 px font that fits the width; 300 × 300 with a grid, a "Hero" label and 24 px rounded corners is a 527-byte SVG.
A box with a label,
and nothing fetched.
What the SVG contains, how the label is sized, and why SVG comes first.
The SVG
A rect with your background (and corner radius), an optional cross or grid path, and a centred text element in Helvetica/Arial with the label — the dimensions by default. It carries an aria-label so it is announced as an image, and it is a few hundred bytes.
Label size
When no font size is given the label is sized to fill about 80 % of the width (using Helvetica advance widths) and at most 40 % of the height, so "1920 × 1080" reads at a glance and "32 × 32" does not overflow. A size you type is used as is, with a warning if it overflows.
SVG first
SVG scales without loss and is what most layouts and CMSs accept; PNG is rendered from it in the browser only when you ask. No request goes to a placeholder service, so nothing depends on a third party being up. Nothing leaves the browser; the same four anonymous usage counts as the rest of the site apply.
SOURCES
- Plain SVG 1.1 (rect, path, text); label sized with Helvetica advance widths so it fits; PNG via the browser canvas — no external service
Last reviewed 20 September 2026. How results are checked: How we verify.