PlaceHold is an image placeholder service, serving placeholder images you want as a content filler on anything.
Just put your image size after our URL and you'll get a placeholder.
Like this https://api.tsldesigns.co.uk/placehold/150
You can also use it in your code, like this:
<img src="https://api.tsldesigns.co.uk/placehold/150" />
.gif, .jpeg, .jpg, .png
Adding an image file extension will render the image in the proper format. Image format is optional and the default is a gif.
jpg and jpeg are the same. The image extension can go at the end of any option in the url
https://api.tsldesigns.co.uk/placehold/300.png/09f/fff
https://api.tsldesigns.co.uk/placehold/300/09f.png/fff
https://api.tsldesigns.co.uk/placehold/300/09f/fff.png
?text=Hello+World!
Custom text can be entered using a query string at the very end of the url. This is optional, default is the image dimensions (300×250). A-z (upper and lowercase), numbers, and most symbols will work just fine.
Note: Spaces become +
https://api.tsldesigns.co.uk/placehold/300?text=Hello+World!
Background Color / Text Color
Colors are represented as hex codes (#ffffff is white)
Colors always follow the dimensions
https://api.tsldesigns.co.uk/placehold/250/ffffff/000000
not
https://api.tsldesigns.co.uk/placehold/ffffff/250/000000
The first color is always the background color and the second color is the text color.
Width x Height
Height is optional, if no height is specified the image will be a square.
Example: https://api.tsldesigns.co.uk/placehold/300
Note: Size must be the first option in the url
All image file sizes will be smaller than most to increase on load time when in use.
When used with an image 300x300
.jpeg= 4.6 KB
.jpg = 4.6 KB
.gif = 2.1 KB
.png = 1.2 KB
Note: Different colours, sizes and formats will alter the image file size.