Need place holder images for a new design? Placeholder is perfect for the job

David Carr

Development Design Tools

When prototyping a new layout it's convenient to use placeholder images then it is to use the final images. You could make the placeholder images in an image editing program.

There is a far better way using a site called placeholder.com you can quickly get an image of any size you require by simply going to https://placeholder.com/ and placing your desired width and height after the address like: https://via.placeholder.com/350x150 which generates an image 350px wide by 150px tall you can then save the image and use it or use that path in an img src path like:</p>

<img src='https://via.placeholder.com/350x150'>

Which gives you this image:

You can also specify the colour of the background and text by passing them as extra parameters in the url call:

<img src="https://via.placeholder.com/350x150/226688/cfa" alt="" />

The first set of colours is the background the second is the text color.

A very useful service, one to bookmark.

Copyright © 2006 - 2024 DC Blog - All rights reserved.