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.

Varstatt Toolkit

Each tool works standalone, runs entirely in your browser, and requires no signup.

JSON FormatterYAML ValidatorJSON ↔ YAMLRegex TesterUUID GeneratorHash GeneratorPassword GeneratorCrontab GeneratorTimestamp ConverterBase64 EncoderJWT DecoderImage to Base64Encrypt / DecryptColor ConverterCSV EditorMarkdown PreviewText DiffHTML ↔ MarkdownMarkdown to PDFMarkdown to DOCXQR Code GeneratorBarcode GeneratorMesh GradientCSS Cover ArtImage ConverterText to GradientFavicon GeneratorAspect Ratio CalculatorSVG OptimizerImage PlaceholderDNS LookupOG Tag ValidatorUser Agent ParserHTTP Status CodesRobots.txt ValidatorSitemap ValidatorCORS TesterSSL CheckerCase ConverterWord CounterSlug GeneratorCopy Paste Characters

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.