Image Placeholder Generator

Generate placeholder images with custom size, colors, and text. Download as PNG or SVG, or copy the data URI. No external service.

How It Works

1

Set dimensions

Enter width and height or click a preset size like 1920x1080, 1200x630 (OG), or 150x150 (thumbnail).

2

Customize appearance

Pick background and text colors, enter custom text, and choose PNG or SVG format.

3

Download or copy

Download the image file or copy the data URI to embed directly in HTML or CSS.

FAQ

PNG (generated via Canvas API) and SVG (generated as a text template). SVG is smaller and scales perfectly; PNG has wider compatibility.
Yes. By default the text shows the dimensions (e.g. '800x600'), but you can type anything. The font size auto-scales to fit.
A data URI embeds the image directly in your HTML or CSS as a base64 string, so no separate file request is needed. Useful for prototyping and small placeholders.
Same idea, but everything runs locally in your browser — no external service, no rate limits, no tracking. For converting between image formats, see the image converter.

Built & Maintained by Varstatt

Varstatt is a one-person product studio run by Jurij Tokarski, product engineer since 2011. These tools are free and open — no signup, no catch.