Placeholder Image Generator

Create solid or gradient placeholder images with custom dimensions and text.

Presets:

Configuration

Generated placeholder
SVG Code

About placeholder images

This tool makes a placeholder image at any size, in a solid color or a gradient, with your own text. Use it in a mockup, a test fixture, or a demo.

A placeholder that shows its own size helps you find a layout bug. When the image is 1200 by 630, you see at once whether the container crops it.

The image is made in your browser, so it works with no network and it needs no external placeholder service.