A quick way to display placeholder images during mockups and development using a simple and comprehensive syntax.

https://placehold.in/300x200@2x.png/dark
A dark rectangle png placeholder image
https://placehold.in/600x200.png/dark

Dimensions

Required. Allowed value for both width and height is a positive integer between 1 and 4000.

A rectangle placeholder image
https://placehold.in/600
A rectangle placeholder image
https://placehold.in/300x200
A rectangle placeholder image
https://placehold.in/400x300
A rectangle placeholder image
https://placehold.in/100x200

Device pixel ratio

Optional with 1 as default. Allowed value is a positive float with maximum 1 decimal digit between 1 and 5.

A rectangle placeholder image scaled 2 times
https://placehold.in/200@2x
A rectangle placeholder image scaled 4 times
https://placehold.in/200@4x

Format

Optional with png as default. Allowed values are png, jpeg, svg, webp, avif and heif.

A rectangle png placeholder image
https://placehold.in/200.png
A rectangle jpeg placeholder image
https://placehold.in/200.jpeg
A rectangle svg placeholder image
https://placehold.in/200.svg
A rectangle webp placeholder image
https://placehold.in/200.webp
A rectangle avif placeholder image
https://placehold.in/200.avif
A rectangle heif placeholder image
https://placehold.in/200.heif

Theme

Optional using the light theme as default. When specified the dark theme is used instead.

A rectangle placeholder image
https://placehold.in/200
A dark rectangle placeholder image
https://placehold.in/200/dark