Placeholder Image Generator

Make a placeholder image at exactly the size you need — with your colours and your text — for mock-ups, layouts and testing.

Placeholder preview

How it works

The image is generated on your device, so nothing is requested from an outside server and it works offline once the page is loaded. PNG and JPG are pixel images at exactly the size you set; SVG is a lightweight vector version that stays sharp at any scale and is tiny in file size. The HTML snippet contains the SVG as a data URI, so you can paste it straight into a page while prototyping — no image file to host. Text is centred and sized automatically to fit unless you set your own size.

Running into a technical issue or something that doesn't work right on this page? Please let us know straight away via our Contact page — that's how we find out what's broken and get it fixed.