Scott Hanselman

So you're making a site but you haven't got the images ready. You'll need placeholders, but things are changing quick and you don't want to make a bunch of images you'll eventually throw away.

Enter placeholder image sites. The de factor standard for these sites is that you call a URL similar to sitename.com/width/height and you'll get an image back. Sometimes you can add text, or add a g for gray scale. You'd be surprised how much more compelling it makes basic layouts.

For example, <img src="http://fillmurray.com/200/300"> gets you this:

Here's a collection of the web's best sites for dynamic placeholder images.

PlaceCage.com

The internet was missing the ability to provide custom-sized placeholder images of Nicolas Cage. Now it can.

• Calm: http://placecage.com/200/300
• Gray: http://placecage.com/g/200/300
• CRAZY: http://placecage.com/c/200/300

FillMurray

The internet was missing the ability to provide custom-sized placeholder images of Bill Murray.

• Calm: http://fillmurray.com/200/300
• Gray: http://fillmurray.com/g/200/300

PlaceBear.com

Color: http://placebear.com/200/300
Gray: http://placebear.com/g/200/300

DummyImage.com

More complex but more flexible, DummyImage lets you do colors, gradients and announce the size.

For example http://dummyimage.com/450x250/f00/fff is

PlaceHold.It

The original and cleanest, you get gray placeholders.

http://placehold.it/350x150 is

FPOImg.com

For Placement Only is similar.

http://fpoimg.com/300x300?text=Hanselman gets you:

BaconMockup.com

Like bacon? http://baconmockup.com/300/200

Did I miss any awesome ones?

Sponsor: Thanks again to Red Gate for sponsoring the feed this week. Download their free ASP.NET performance ebook from http://red-gate.com/50ways

About Scott

Scott Hanselman is a former professor, former Chief Architect in finance, now speaker, consultant, father, diabetic, and Microsoft employee. He is a failed stand-up comic, a cornrower, and a book author.

About   Newsletter

Hosting By