Get customized placeholder images for your mockups and website designs 🚀
- Free
- Open Source
- Fast (delivered via a CDN)
The base URL is: https://nocontent.cloud/img
To customize the image you will get, prodive one or more of the following options as query string parameters:
name | description | value | |
---|---|---|---|
x | width of image | optional (default: 200) | number (in pixels, max-width: 4000) |
y | height of image | optional (default: 200) | number (in pixels, max-height: 4000) |
bg | background color | optional (default: ffffff) | hex-value (3 or 6 character) |
fg | text color | optional (default: 333333) | hex-value (3 or 6 character) |
label | text on the image | optional (default: 'height' x 'width') | string (max-length: 20) |
fontSize | size of the label | optional (default: 30) | number |
Without any parameters you will get a small white image with black text and 200x200 px
https://nocontent.cloud/img
To get a purple image with the dimensions 600x400, query this address:
https://nocontent.cloud/img?x=600&y=400&bg=980080
Change the text color to blue and provide a custom text with this URL:
https://nocontent.cloud/img?label=Hello%20World&fg=0099FF
💻 with ❤️ by codemonauts