DigitCodes

Coding Notes


Follow @afsalrahim
  • PHP Codes
  • Web Design
    • CSS Tricks
  • WordPress
    • WordPress Tips
    • WordPress Themes
    • WordPress Plugins
  • Blogging
You are here: Home / Web Design / The Easy Way to Show Placeholder images or Dummy images

The Easy Way to Show Placeholder images or Dummy images

February 16, 2013 by Afsal Rahim 1 Comment

Show Placeholder Image

While making a new website design or website template, you often require some dummy images or placeholders to use in your template so as to get the perfect view of your web design. I used to be wasting time doing this the hard way of using image editing tools and creating and cropping images. However a few months back I stumbled upon a website, placehold.it which lets you create a placeholder image very easily.

[adslot]

Placehold.it is a quick and simple image placeholder service website which lets create an image with your specified dimensions and parameters. For example, to create a 320×250 placeholder image you can simply use the address like:

http://placehold.it/320×250.

You can download the image directly visting the url or you can directly use the image path in an img src path like

<img src="https://placehold.it/320×250">

You can also show a custom text on the placeholder image using a query string at the very end of the url like

http://placehold.it/400x150&text=Your+Ad+Here!

Its also possible to specify the color of the image as hex codes like

 http://placehold.it/300x100/E8117F/FFFFFF
placeholdit 300x100

There are a few more image placeholder service websites like PlaceKitten.com, FlickHoldr.com, DummyImage.com etc which does the same job, however I prefer placehold.it as it gives you a minimalistic design with its simple grey boxes in place of images which is perfect for analysing how my design will look.

Filed Under: Web Design

Comments

  1. Collizo4sky says

    February 16, 2013 at 11:46 am

    awesome post there. I never knew there were place holder website.

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Sponsered

FREE Email Updates

Subscribe to our newsletter to get all the latest updates to your inbox..!



TRENDING

How to Add Your Custom Logo to WordPress Login Screen?

Adding viewport meta tag to make your website ready for mobile

Add a Stylish Email Subscription Form for your Blog

The Making of DigitCodes: Ideas & Codes + WordPress

Return to top of page

Copyright © 2016 · digitcodes.com · Privacy Policy · Contact Us