Placeholder image generator

Create solid or gradient placeholder images at any dimensions. Add a size label, choose colors, then download the PNG or copy the data URL for direct use in HTML.

Width (px)

Height (px)

Presets

Fill type

Gradient direction

Background color

Gradient end color

Show size label

Label color

Preview

Runs entirely in your browser. Nothing is uploaded.

How it works

STEP 1

Set dimensions

Enter width and height in pixels (up to 4000 × 4000). Preset buttons let you jump to common sizes instantly.

STEP 2

Choose style

Pick a solid color or a two-stop gradient. Toggle the size label and adjust text color to your liking.

STEP 3

Export

Download the PNG directly or copy the data URL to paste as a hotlink-style src in your HTML or CSS.