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.
Gray: http://placebear.com/g/200/300
For example http://dummyimage.com/450x250/f00/fff is
So http://lorempixel.com/400/200/sports/Dummy-Text/ gets you this. And it's random, which is a nice touch.
http://placehold.it/350x150 is
http://fpoimg.com/300x300?text=Hanselman gets you:
http://placekitten.com/300/350 gets you:
Or, if you want to fight, there's also
Which inevitably led us to
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
© 2013 Scott Hanselman. All rights reserved.
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.
NiceNiceJpg.com
The only image placeholder service on the web bringing you nothing but Vanilla Ice jpgs.- Standard: http://nicenicejpg.com/600/400
- Square: http://nicenicejpg.com/600
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.PlaceBear.com
Color: http://placebear.com/200/300Gray: 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
LorumPixel.com
LorumPixels lets you choose from various categories like cats, nightlife, or people.So http://lorempixel.com/400/200/sports/Dummy-Text/ gets you this. And it's random, which is a nice touch.
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:
PlaceKItten.com
Placeholder kittens.http://placekitten.com/300/350 gets you:
Or, if you want to fight, there's also
PlaceDog.com
So http://placedog.com/400/300 gets youWhich inevitably led us to
PlaceZombies.com
Wherein http://placezombies.com/425x300 yieldsBaconMockup.com
Like bacon? http://baconmockup.com/300/200PlaceSheen.com
Even better, why not http://placesheen.com/400/250 forDid 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
© 2013 Scott Hanselman. All rights reserved.
DIGITAL JUICE
No comments:
Post a Comment
Thank's!