Placeholder Images - The easy button

Beacon Blog Article

By Beacon News | Published April 8, 2014 | Categories: Web Development , Creative Design

Ever hate having to find various stock or other imagery to fill in example image placeholders in earlier design/development stages?

The easy button has arrived!

Placehold.it - http://placehold.it

No more saving and moving and uploading. In fact if the size changes you will never even open up image editing software!

All you have to do is define the src of the image using the following syntax:

http://placehold.it/widthxheight&text=whateveryouwant

So using this I can make an image with the following src and it appears like below:
http://placehold.it/400x200&text=Image:400x200

Placeholder Image

This is also beneficial for the following uses:

  • keeping focus on layout not images
  • making image dimensions clear to an end user

Let's get to work!

Contact Us