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)
https://placehold.in/600x200.png/dark
Dimensions
Required. Allowed value for both width and height is a positive integer between 1
and 4000
.
https://placehold.in/600
https://placehold.in/300x200
https://placehold.in/400x300
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
.
https://placehold.in/200@2x
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)
https://placehold.in/200.png
![A rectangle jpeg placeholder image](https://placehold.in/200.jpeg)
https://placehold.in/200.jpeg
https://placehold.in/200.svg
![A rectangle webp placeholder image](https://placehold.in/200.webp)
https://placehold.in/200.webp
![A rectangle avif placeholder image](https://placehold.in/200.avif)
https://placehold.in/200.avif
![A rectangle heif placeholder image](https://placehold.in/200.heif)
https://placehold.in/200.heif
Theme
Optional using the light theme as default. When specified the dark theme is used instead.
https://placehold.in/200
https://placehold.in/200/dark