Placeholder images

Suitable placeholders for design and development.

Create placeholder images in the dimensions you need to plan and test layouts and components realistically.

The image is delivered from our subdomain whenever it is requested. There is nothing to download or store locally. Output format: PNG, maximum 2,000 × 2,000 pixels.

URL generator

Configure a placeholder

Choose dimensions, aspect ratio and colours. Use the generated URL directly in websites, mockups and style guides.

Width in pixels

Height in pixels

Aspect ratio

Text colour

Background colour

Live preview

Your placeholder image

800 × 600

Preview of the configured placeholder image

Image URL

https://placeholder.code-to-web.com/800/600/000000/A0A0A0

Use directly

Copy the URL and code

HTML example

<img src="https://placeholder.code-to-web.com/800/600/000000/A0A0A0" alt="Placeholder image">

CSS example

background-image: url('https://placeholder.code-to-web.com/800/600/000000/A0A0A0');

URL structure

Short URLs, clear parameters

The order is always width, height, text colour and background colour. Colours are written as HEX values without a hash. Existing URLs remain valid.

/500

Creates a square 500 × 500 pixel image using the default colours.

/400/300

Creates a 400 × 300 pixel image using the default colours.

/400/300/FFFFFF

Adds white as the text colour.

/400/300/FFFFFF/000000

Uses white text on a black background.