Placeholder Image Generator

Generate plain placeholder images of any size with custom colours and text — useful for mockups and prototypes.

Studio · neutral surround
×

Features

Custom width/height
Custom colors
Custom text
Download PNG/SVG

How to Use

1. Pick a common size (OG image, avatar, HD…) or type exact pixel dimensions.

2. Set background and text colors — the checker surface helps when your placeholder will sit on unknown grounds.

3. Download the PNG, or copy it as a data URL to paste straight into an src attribute.

Frequently Asked Questions

What is a placeholder image?
A placeholder image is a temporary image used during development to represent where final images will appear.

Related Tools