Custom size
https://www.dummyimg.in/placeholder?width=600&height=400
Free dummy image API
Set the width, height, text, colors, font and format, then copy a ready-to-use dummy image URL or download the image. No sign-up, no API key.
Live preview
API reference
Use the /placeholder endpoint as a dummy image API with variables like
width, height, text, bg_color,
text_color, format, font_size, font_style,
text_position, and bg_image_url. Public calls still work without login. To attach
calls to your account, add token=<user id> to the image URL.
https://www.dummyimg.in/placeholder?width=600&height=400
https://www.dummyimg.in/placeholder?text=Hello%20World
https://www.dummyimg.in/placeholder?bg_color=%23245bd8&text_color=%23ffffff
https://www.dummyimg.in/download?width=1200&height=630&format=WEBP
https://www.dummyimg.in/placeholder?width=600&height=400&token=<user-id>
| Parameter | Default | Accepted values |
|---|---|---|
width, height |
300, 200 |
Numbers from 10 to 3000 |
text |
Image size | Text up to 240 characters |
bg_color, text_color |
lightgray, white |
CSS color names or hex colors |
font_size |
Auto | Numbers from 1 to 512 |
format |
PNG |
PNG, JPEG, JPG, WEBP, GIF, BMP |
text_position |
center |
Center, edges, and corner positions |
font_style |
arialuni |
arial, arialuni, comic, comicy, disko, comic-queens |
bg_image_url |
None | A readable image URL |
token |
None |
Your profile URL token for account usage tracking |
How to use it
A dummy image URL works anywhere an image URL works. Paste it into your HTML, CSS,
React components, Markdown docs or test fixtures, and change width and height to
match the slot you are filling.
<img src="https://www.dummyimg.in/placeholder?width=600&height=400"
width="600" height="400" alt="Product photo placeholder">
.hero {
background-image: url("https://www.dummyimg.in/placeholder?width=1920&height=600&text=Hero");
background-size: cover;
}
<img
src={`https://www.dummyimg.in/placeholder?width=${w}&height=${h}`}
alt="Avatar placeholder"
/>

Ready-made links
Copy a dummy image URL for the most common placeholder sizes, or set any size from 10 to 3000 pixels in the generator above.
https://www.dummyimg.in/placeholder?width=150&height=150
https://www.dummyimg.in/placeholder?width=100&height=100
https://www.dummyimg.in/placeholder?width=400&height=300
https://www.dummyimg.in/placeholder?width=1200&height=630
https://www.dummyimg.in/placeholder?width=1280&height=720
https://www.dummyimg.in/placeholder?width=1920&height=1080
https://www.dummyimg.in/placeholder?width=1080&height=1080
https://www.dummyimg.in/placeholder?width=728&height=90
FAQ
A dummy image is a stand-in picture used while the real image isn't ready yet. It holds the right width and height in a layout, mockup or test so the design doesn't shift when the final image arrives.
Use https://www.dummyimg.in/placeholder and add the size you need, for example https://www.dummyimg.in/placeholder?width=600&height=400. Any page, app or test can load that link like a normal image.
Yes, it's free, and you don't need an API key or an account. Signing up is optional and only adds usage tracking for your own requests.
PNG, JPEG, WEBP, GIF and BMP, in any size from 10 to 3000 pixels wide and tall. Set the format with format=WEBP, for example.
Yes. Add text=Your%20Text for the label, and bg_color and text_color with a CSS color name or a hex code (encode # as %23), for example bg_color=%23245bd8.
Use the /download endpoint with the same options, for example https://www.dummyimg.in/download?width=1200&height=630&format=PNG, or press Download in the generator above.
Yes. Every URL returns a real image with a stable size, so it works for unit tests, API mocks, seed data, Storybook stories and broken-image fallbacks.
Guides