How to Use AnyPlaceholder.com
AnyPlaceholder.com lets designers and developers create custom placeholder images on-the-fly. You can use our browser UI or call the simple REST API directly from your code.
1. Using the Web UI
- Open the generator page.
- Specify width, height, background color, text color, custom text, font size, and corner radius.
- Copy the generated URL or click Download to save the image.
2. Using the HTTP API
Make a GET request to /placeholder with the query parameters below.
| Parameter | Required | Description | Example |
|---|---|---|---|
| width | Yes | Image width (px) | 300 |
| height | Yes | Image height (px) | 200 |
| bg | No | Background color (hex, no #). For 4 or 8 digits, the last digit(s) represent alpha value (0-f, 00-ff) | 09f or 0099ff or 09f8 (semi-transparent) |
| color | No | Text color (hex, no #). For 4 or 8 digits, the last digit(s) represent alpha value (0-f, 00-ff) | fff or fffc (semi-transparent) |
| text | No | Custom text. Defaults to "{width}x{height}" | Hello |
| fontSize | No | Font size (px) | 24 |
| radius | No | Corner radius (px) | 8 |
| format | No | Output format: svg (default) / png / jpg / webp | png |
| retina | No | If set to 1, creates a @2x image | 1 |
Example
https://anyplaceholder.com/placeholder?width=400&height=300&bg=333&color=fff&text=Demo&format=png3. CDN Caching
Images are served via Amazon CloudFront and are cached globally. If you need to force refresh, append a unique query string such as &v=2.
4. Attribution / License
Generated images are free to use, even in commercial projects. No attribution required, but a backlink is appreciated.
5. Need Help?
Contact us on X (Twitter) @_Kit_Ok_ or use the Buy Me a Coffee link below.