What Is Placeholder.com?
Placeholder.com generates custom placeholder images on the fly, like these examples:-
How To Use Our Placeholders
Just specify the image size after our URL (https://via.placeholder.com/) and you’ll get a placeholder image. So the image URL should look this:-
You can use the images in your HTML or CSS, like this:
<a href="https://placeholder.com"><img src="https://via.placeholder.com/350x150"></a>
(Be sure to check out our HTML & CSS tutorials at HTML.com, our sister site, if you’re rusty)
How To Set Image Size
Use width x height. Height is optional: if no height is specified, you placeholder image will be a square.
Note: Size must be the first option in the URL
How To Set Image Formats
Image format is optional – the default is a .GIF. You can use the following image file extensions…
Adding an image file extension will render the image in the correct format. JPG & JPEG are identical. The image extension can go at the end of any option in the URL, like this:-
How To Set Custom Text
You can specify custom text for your placeholder image by using a query string at the very end of the URL:-
This is optional. The default is the image dimensions in pixels. You can use A-Z characters, upper or lowercase, numbers, and most symbols.
NB: Spaces are specified with a +
How To Set Background & Text Color
Colors are represented as hex codes. For example, #FFFFFF is white. Colors must follow the dimensions.
The first color is always the background color, and the second color is the text color.
New! HTTPS Support
SSL is a big deal for everybody in 2018. Your placeholder images will work with or without HTTPS:-
We’ve got answers. Please see our frequently asked questions page.