---
title: Image Placeholder Generator — Custom Size, Color & Text
url: https://varstatt.com/toolkit/placeholder
description: Generate placeholder images with custom size, colors, and text. Download as PNG or SVG, or copy the data URI. No external service.
section: Developer Toolkit (https://varstatt.com/toolkit)
tags: images
related: Placeholder (https://varstatt.com/toolkit/placeholder), Aspect Ratio (https://varstatt.com/toolkit/ratio), Image to B64 (https://varstatt.com/toolkit/img2b64)
---
# 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

### What formats are supported?

PNG (generated via Canvas API) and SVG (generated as a text template). SVG is smaller and scales perfectly; PNG has wider compatibility.

### Can I use custom text?

Yes. By default the text shows the dimensions (e.g. '800x600'), but you can type anything. The font size auto-scales to fit.

### What's a data URI?

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.

### Is this like placeholder.com?

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](https://varstatt.com/toolkit/image-convert).

## Usage

This tool runs entirely in the browser — visit the URL above to use it.

Prefill inputs via URL parameters:

- `https://varstatt.com/toolkit/placeholder?width=...&height=...&text=...`

## Related Tools

- [Placeholder](https://varstatt.com/toolkit/placeholder)
- [Aspect Ratio](https://varstatt.com/toolkit/ratio)
- [Image to B64](https://varstatt.com/toolkit/img2b64)