Get customized placeholder images for your mockups and website designs 🚀
Features
- Free
- Open Source
- Fast (delivered via a CDN)
Usage
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 |
Example #1
Without any parameters you will get a small white image with black text and 200x200 px
https://nocontent.cloud/img
Example #2
To get a purple image with the dimensions 600x400, query this address:
https://nocontent.cloud/img?x=600&y=400&bg=980080
Example #3
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