Image Placeholder Generator

Generate placeholder images with custom size, colors, patterns, and text. Download as PNG or SVG.

Preview (800\u00D7600)

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.

Related Tools

QR Code GeneratorBarcode GeneratorImage ConverterFavicon GeneratorSVG OptimizerAspect Ratio Calculator

Creating visual assets for a product?

Define what you're building and why before you ship — run a Discovery session.

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.