Placeholder Image Generator

Create placeholder images at any size, right in your browser.

Width (px)

Height (px)

Common sizes

Background

Text colour

Label (optional)

Leave blank to show the dimensions.

Diagonal pattern

Makes it obvious the image is a placeholder.

Format

Dimensions

1200 × 630

Aspect ratio

1.90

Megapixels

0.76

Generated in your browser, so your mockups carry no dependency on an external placeholder service that could slow down, be blocked, or shut down.

What does Placeholder Image Generator do?

Generate placeholder images at any dimensions with custom colours and label text. Because they are drawn locally, your mockups do not depend on a third-party placeholder service that might disappear or slow your page.

How to Use Placeholder Image Generator

1
Set the dimensionsType them, or pick a preset.
2
Choose colours and textDefaults show the size on a neutral grey.
3
Pick a formatPNG, JPG or WebP.
4
DownloadDrop it straight into your mockup.

Key Features

Any dimensions, with presets for common social and layout sizes
Custom background and text colours with an automatic contrast check
Label showing the dimensions, or your own text
PNG, JPG or WebP output
Optional grid or diagonal pattern to make the placeholder obvious

Frequently Asked Questions

Why not use an online placeholder service?

Because it adds an external request to every mockup, can be slow or blocked, and has a habit of disappearing — several popular ones have shut down and broken thousands of prototypes. A downloaded file has no such dependency.

What size should I use?

Match the real content it stands in for. Using the actual dimensions catches layout problems early, which is the entire point of a placeholder.

Should placeholders look obviously fake?

Yes. A grey block labelled with its size is unmistakable, whereas a realistic stock photo can quietly ship to production. The pattern option makes it even more obvious.

Which format should I choose?

PNG for crisp text and flat colour. WebP if you want to test how your real pipeline handles modern formats. JPG only if something in your toolchain requires it.

Runs in your browser

Everything is generated in your browser. Nothing is sent to a server, so results are private and the tool keeps working offline.

How the rest of the site handles data