35 comments

[ 2.6 ms ] story [ 96.1 ms ] thread
This has been done before, but this is a particularly nice version. One because of all the options and two because the pictures are really cool.

Thanks for sharing.

I'm a big fan of all these image generator thingos. I made yet-another-placeholder-generator too ( http://mrspeaker.github.com/lowersrc/ ). The thing I like about my one is that it's all done client-side - not all my clients have the best internets ;)
Nice, but there's no option for "cats only." As a result, I'm afraid I'll stick to http://placekitten.com/ for now.
Needs "women laughing while eating salads alone" and "racially diverse business team" categories.
I'm actually partial to keeping FPO images as default and gray as possible. That way everybody knows exactly what is temporary, and there is no confusion.

"Everything looks great but we're not crazy about the vegetable picture you chose."

"...Yes we agree, that is a temporary image and can be ignored."

I usually just drop in a picture of Will Ferrell as Elf. Works for me!
Get placeholders related to the site you are developing, by pulling images from flickr based on tags

http://flickholdr.com/

That's actually pretty cool, and would work well if you curate your own image set with a unique tag.

Otherwise, it adds a bit of risk if you have sensitive clients. "Nurse" and "nursing" can return photos of nurses at work, a nurse smoking a cigarette in an old ad, women in sexy nurse costumes, or a river otter. The quality is also extremely variable.

I use Placehold.it extensively. Most of the time wireframing requires non image placeholders. http://placehold.it/320x210&text=Hacker+News
I second this, I use placehold.it constantly whenever I'm building with html or css. I never use the text feature like the link above, it defaults to showing the image size and I've found that to be more useful because it's a quick reference designers or project managers or anyone else can use to figure out the size requirements for that images replacement.
Gotta say, I love the domain.
This isn't quite 'lorem ipsum but with pictures'.

You could use actual dummy text instead of lorem ipsum. ie: "This is dummy text. This is a sentence that talks about sport as the copy for this section will be inserted later to discuss sport."

The purpose of lorem ipsum is to remove distractions. It's textual noise to say "here is where text will go, and how long it can be, but we're not focussing on copy at the moment".

These randomly generated actual pictures are still worth 'a thousand words', as it were, instead of saying nothing like lorem ipsum does.

I thought this might generate the equivalent to lorem ipsum text before I clicked through and was disappointed.

so, the equivalent would be abstract photography.
I have to agree. Early on in our page design, we had some nice hi-res pictures we were using as placeholders. The problem was that it made the rest of the page elements look better at first glance than they actually were. Once we knocked out the images, we realized the page looked like crap and we had to go back to the drawing board.

(not saying our page looks great now, but it's definitely progressed from some pretty ragged looking early versions)

Throw a gaussian filter on top to add blur and that might do the trick.
ONLINE STORE: ====( http://www.fullmalls.com )====

====( http://www.fullmalls.com )====

Air jordan(1-24)shoes $30

Handbags(Coach l v f e n d i d&g) $35

Tshirts (Polo ,ed hardy,lacoste) $15

Jean(True Religion,ed hardy,coogi) $30

Sunglasses(Oakey,coach,gucci,A r m a i n i) $15

New era cap $12

Bikini (Ed hardy,polo) $20

accept paypal and free shipping

====( http://www.fullmalls.com )====

====( http://www.fullmalls.com )====

====( http://www.fullmalls.com )====

====( http://www.fullmalls.com )====

====( http://www.fullmalls.com )====

====( http://www.fullmalls.com )====

====( http://www.fullmalls.com )====

====( http://www.fullmalls.com )====

I loved placekitten.com, can we have one that does Star Wars images? :P
Oh, cool, that's a great way of solving a problem I need to solve with LiberWriter. Thanks for the inspiration!
The reason why "lorem ipsum" is latin is that since the language is almost extinct, it looks like real copy but it's very difficult that someone can send it to the printer by mistake, thinking it's the final text. (by the way, perhaps to typeset for the Vatican press they use something else...)

So, placing a real image as a placeholder is not a good idea.

On a tangent, I saw a designer use the text of the lipsum.com website (the English explanation of the origin of lorem ipsum) for the copy.

Sort of defeating the purpose, isn't it?

Lorem Ipsum is actually abstracted one layer further. It's based on some text by Cicero, but it has been altered so it wouldn't even be readable if you knew Latin.
Part of the Lorem Ipsum from Adobe is a pseudo-latin translation of a pseudo Rudy VanderLaans text on typography, concerning the legibility of typefaces. It's a rather convoluted insider joke.
Websites don't go to print.
Websites can still go online with the wrong content. While it's less dramatic, it's still better to avoid it.
I liked the one with cats better.