6 ms·
Lorempixum: Generate placeholder images (not just gray boxes)
- DanielStraight 16y agoThis 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.
- mrspeaker 16y agoI'm a big fan of all these image generator thingos. I made yet-another-placeholder-generator too ( http://mrspeaker.github.com/lowersrc/ 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 ;)
- antiterra 16y agoNice, but there's no option for "cats only." As a result, I'm afraid I'll stick to http://placekitten.com/ http://placekitten.com/ for now.
- ugh 16y agoplacekitten was actually the inspiration for this website (to make it possible to show pages with placeholder images to humorless clients).
- pflats 16y agoHumorless clients wouldn't mind http://lorempixum.com/300/400/sports/10/ http://lorempixum.com/300/400/sports/10/ http://lorempixum.com/300/400/sports/4/ http://lorempixum.com/300/400/sports/4/ or http://lorempixum.com/300/400/fashion/7/ http://lorempixum.com/300/400/fashion/7/ ?
- ugh 16y agoThey probably would. (It’s not my website, I only know its history.)
- zephjc 16y agoNeeds "women laughing while eating salads alone" and "racially diverse business team" categories.
- chriskelley 16y agoI'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."
- Sidnicious 16y agoThese services are quite cool, but I keep getting bizarre/distracting images (read: not great as placeholders). For instance: http://lorempixum.com/output/sports-h-g-640-1920-8.jpg http://lorempixum.com/output/sports-h-g-640-1920-8.jpg, http://lorempixum.com/output/fashion-h-c-300-420-7.jpg http://lorempixum.com/output/fashion-h-c-300-420-7.jpg
- joejohnson 16y agoI can't see those images... the links are broken :(
- WiseWeasel 16y agohttp://lorempixum.com/640/1920/sports/8/ http://lorempixum.com/640/1920/sports/8/ http://lorempixum.com/300/420/fashion/7/ http://lorempixum.com/300/420/fashion/7/
- JCB_K 16y agoI usually just drop in a picture of Will Ferrell as Elf. Works for me!
- DTrejo 16y agoGet placeholders related to the site you are developing, by pulling images from flickr based on tags http://flickholdr.com/ http://flickholdr.com/
- antiterra 16y agoThat'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.
- orionlogic 16y agoI use Placehold.it extensively. Most of the time wireframing requires non image placeholders. http://placehold.it/320x210&text=Hacker+News http://placehold.it/320x210&text=Hacker+News
- pdenya 16y agoI 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.
- eekfuh 16y agoGotta say, I love the domain.
- panacea 16y agoThis 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.
- zalew 16y agoso, the equivalent would be abstract photography.
- bane 16y agoI 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)
- biot 16y agoThrow a gaussian filter on top to add blur and that might do the trick.
- jarin 16y agoI can't tell you how happy I am that there is finally a placeholder image service that will serve up different images of the same size on a single page. Just add a query string: "http://lorempixum.com/230/180/fashion?#{rand(10000)} http://lorempixum.com/230/180/fashion?#{rand(10000)}
- dfherhe 16y agoONLINE STORE: ====( http://www.fullmalls.com http://www.fullmalls.com )==== ====( 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 )==== ====( 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 )====
- blue1 16y agoThe 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.
- StavrosK 16y agoOn 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?
- gigawatt 16y agoLorem 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.
- blue1 16y agoPart 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.
- jacobbijani 16y agoWebsites don't go to print.
- blue1 16y agoWebsites can still go online with the wrong content. While it's less dramatic, it's still better to avoid it.
- kennywinker 16y agonice, but this is better http://placekitten.com/ http://placekitten.com/
- nathanlrivera 16y agoThis is very very cool. However I noticed something familiar about the logo: http://www.brumfieldhay.com/images/PurinaLogo_LG.JPG http://www.brumfieldhay.com/images/PurinaLogo_LG.JPG Personally I would change it to avoid trademark issues. Although you might be okay as long as you don't use a red colored version of your logo.
- GrandMasterBirt 16y agohttp://placekitten.com/ http://placekitten.com/ is superior
- arpit 16y agoI loved placekitten.com, can we have one that does Star Wars images? :P
- davidw 16y agoOh, cool, that's a great way of solving a problem I need to solve with LiberWriter. Thanks for the inspiration!
- rbanffy 16y agoI liked the one with cats better.