Placeholder Image Generator

Generate placeholder images dynamically by specifying size and optional colors in the URL. This tool is ideal for prototyping layouts, UI scaffolding, or preview blocks.

Basic Usage

Request an image using query parameters:

https://ph.webitor.dev/?w=300&h=200  Copy

Parameters

• w — width in pixels (required)
• h — height in pixels (required)
• t — set custom text (optional; if omitted, the size is displayed. For no caption, use t=%20
• c1 — start color in hex (optional, e.g. ff8800 or #36c)
• c2 — end color in hex (optional; if omitted, a random color is used)

Examples

Random gradient:

https://ph.webitor.dev/?w=400&h=150  Copy

Custom text:

https://ph.webitor.dev/?w=400&h=150&t=hello  Copy

Custom start color:

https://ph.webitor.dev/?w=400&h=150&c1=ff8800  Copy

Solid color (repeat c1 and c2):

https://ph.webitor.dev/?w=400&h=150&c1=336699&c2=336699  Copy