placeholders.dev

Generate super-fast placeholder images in 309+ edge locations, powered by Cloudflare Workers

350x150 placeholder image 200x100 placeholder image 140x100 placeholder image 350x100 placeholder image 1055x100 placeholder image

Information

placeholders.dev generates custom placeholder images on the fly, such as the examples above. All of these images are generated on Cloudflare's Edge, at 309+ locations, ensuring the best possible performance for all of your users. All images are cached for lengthy periods of time.

Available API Options

width
Width of generated image. Defaults to 300.
height
Height of generated image. Defaults to 150.
text
Text to display on generated image. Defaults to the image dimensions.
fontFamily
Font to use for the text. Defaults to sans-serif.
fontWeight
Font weight to use for the text. Defaults to bold.
fontSize
Font size to use for the text. Defaults to 20% of the shortest image dimension, rounded down.
dy
Adjustment applied to the dy attribute of the text element to appear vertically centered. Defaults to 35% of the font size.
bgColor
Background color of the image. Defaults to #ddd
textColor
Color of the text. For transparency, use an rgba or hsla value. Defaults to rgba(0,0,0,0.5)
textWrap
Wrap text to fit within the image (to best ability). Will not alter font size, so especially long strings may still appear outside of the image. Defaults to false

Example URL

https://images.placeholders.dev/?width=1055&height=100&text=Made%20with%20placeholders.dev&bgColor=%23f7f6f6&textColor=%236d6e71