8 ms·
Lorem Pixel
- jason_adleberg 14y agocan anyone take a guess as to how this works? i have not a clue.
- Tipzntrix 14y agoI would guess they pull from the wiki commons and then use typical JPG or PNG algorithm libraries to stretch or compress the image. There's probably some AI to retrieve images that don't need to be stretched much so that it looks natural.
- jlogsdon 14y agoFrom their images list: > The provided images are for layout purposes and each image we use for this project is released under the creative commons license (CC BY-SA). For more information visit http://creativecommons.org/licenses/ http://creativecommons.org/licenses/ So, if you want to use the images for more than just layouts, you have to double check the license and ask the author. For this we will link to each photographer's flickr page. Furthermore, we assume no liability.
- jldteixeira 14y agoAlmost any picture can be used, the algorithm just needs to stretch and crop to maintain the correct image size ratio.
- morpher 14y agoThey have some set of categorized photos and simply crop them to the size you request after selecting a random one.
- jlogsdon 14y agoThey have a page[1] listing all of their images (the "Images" tab at the top-right). [1] http://lorempixel.com/images.php http://lorempixel.com/images.php
- deleted 14y ago[deleted]
- lessnonymous 14y agoOn top of the obvious (resize to largest dimension, crop smallest) I'm guessing they set an anchor point on the image rather than use the center. For example, the pig's face isn't centered. So rather than returning the center of the image, they crop the sides proportionally to the anchor point on the pig's face. Edit: Nup. They just crop it down the middle. If you're the developer feel free to steal the above.
- akvlad 14y agoI like http://placekitten.com/ http://placekitten.com/
- xaro 14y agoWhat I don't like about it is that it always returns the same image (not a random one) for a given size.
- enraged_camel 14y agoYeah, they seem to be static images stored on the server, rather than generated dynamically via, say, Google Search. Personally I would have gone via that route. Have the word "kitten" and the pixel size as parameters, and serve a random photo out of the first 50 results.
- shousper 14y agoThis would mean no caching, so your computer would have to download the image every time, even if it was the same as one you'd already seen. Unless you're only using these images for client demos, it can be very slow and frustrating waiting for them to load every time you refresh while trying to do html, css or js tweaks.
- alxndr 14y agoAlso, licensing.
- tomjakubowski 14y agoAdd ?image=n to the end of the URL for fine-grained catte selection. I've definitely got some favorites that I'd rather see more of at any size :3 http://placekitten.com/452/450?image=1 http://placekitten.com/452/450?image=1 http://placekitten.com/452/450?image=4 http://placekitten.com/452/450?image=4 http://placekitten.com/452/450?image=5 http://placekitten.com/452/450?image=5 http://placekitten.com/452/450?image=6 http://placekitten.com/452/450?image=6 http://placekitten.com/452/450?image=9 http://placekitten.com/452/450?image=9 http://placekitten.com/452/450?image=12 http://placekitten.com/452/450?image=12 http://placekitten.com/452/450?image=13 http://placekitten.com/452/450?image=13 http://placekitten.com/452/450?image=14 http://placekitten.com/452/450?image=14 http://placekitten.com/452/450?image=15 http://placekitten.com/452/450?image=15
- ggordan 14y agoI use this quite often when I'm mocking up a design and I want it to have kind of realism. I've recently discovered http://placehold.it/ http://placehold.it/ which is pretty cool as well
- michaelbuckbee 14y agoYou might want to checkout Holder.js, it is much like placehold.it but client-side. http://imsky.github.com/holder/ http://imsky.github.com/holder/
- netghost 14y agoAlternatively, if you're just looking for a way to put placeholders on a page, image services and javascript solutions seem like overkill. You can achieve the same thing with a bit of css: https://github.com/adamsanderson/placeholder https://github.com/adamsanderson/placeholder
- andrewkkirk 14y agoTwitter Bootstrap recently Replaced Placehold.it with Holder.js, a client-side and retina-ready placeholder image tool.
- gee_totes 14y agoIf you aren't looking for realism, robohash.org is fun
- kesernio 14y agoGreat resource. This can prove helpful for quick comping or prototyping, but I wouldn't present these placeholder photos to a client.
- shurane 14y agoBut what if I want non-rectangular images! I kid, this is useful stuff for prototyping.
- sdoering 14y agoDid you look at the service at all? Just curious... I used it a lot for prototyping and it is totally possible to generate images in (nearly) every aspect ratio.
- rijoja 14y agoIt would be nice if it was possible to supply a seed for the randomization algorithm. Then the image wouldn't change at every reload and it's still possible to get another one if it's desired. I imagine it would be a bit annoying if the image changed every time I reloaded the page which I do quite a lot while developing a web page. If I were to show a page I've developed to a customer I would not like to have to explain why the images are changing all the time. Apart from that I find this really nice.
- joejohnson 14y agoHow do services like this make money (or at least cover their costs)?
- saurik 14y ago~100k images sent so far today at ~10kB per image is one GB of traffic, which costs less than a dime. Assuming usage goes up to twice this by the end of the day, that's ~$6/mo.
- joelhooks 14y agoThere are some ads on the page.
- the1 14y agoif those images were ads, how would advertisers track impressions?
- jheriko 14y agono, there are actual ads on the page too. you using an ad blocker?
- jeremiep 14y agoThis is a great idea! Although I'd prefer if the generation form was the center of attention in that page. On my 14" MacBook display I had to scroll down to see it. Reminds me of an unicode lorem ipsum I came across some time ago which I forgot the name of. Anyone know it?
- dbaupp 14y agoMaybe: http://www.geertvanderploeg.com/unicode-gen/ http://www.geertvanderploeg.com/unicode-gen/
- CanSpice 14y agoI fail to see any problems with hotlinking to random images hosted at a site that you don't control from a webpage that you're probably going to demo to your boss or client.
- woah 14y agoGood god, you've uncovered the prank of the century.
- thejosh 14y agoBig fan of placehold.js for web placeholder images.
- etfb 14y agoI don't think I've bookmarked anything in ages. I'd almost forgotten how! But that's seriously useful. Thanks to whoever is responsible.
- the1 14y agono retina image http://lorempixel.com/4000/2000/ http://lorempixel.com/4000/2000/
- nacs 14y agoBased on the generator on their front page, it looks like the maximum size is 1920x1920.
- jennmalm 14y agoBrilliant, just brilliant. It's so simple it's one of those products that makes you wonder how it hasn't been invented until now. nice work.
- DHowett 14y ago(...) it hasn't been invented until now. http://placehold.it http://placehold.it http://placekitten.com http://placekitten.com
- thomasrambaud 14y agoYes, there's ages similar services exist : http://www.dummyimages.com/ http://www.dummyimages.com/
- sdoering 14y agoI do use this service for some time now for prototyping. So not invented right now, actually. ;-)
- BasDirks 14y agoThis image is lovely, but I could not use it in staging environments for certain clients: http://i.imgur.com/ZAD2Z.png http://i.imgur.com/ZAD2Z.png
- GigabyteCoin 14y agoI am continually amazed at what some of my customers find to be objectionable. The internet is a big place.
- jheriko 14y agopick colour, pick people, observe random chance of getting a greyscale photo... if you reset and repeat it happens very often, but once it rights itself its fine. dodgy logic? nice otherwise, but this is a problem i have to say i've never had. generally google has something for me or i need to make it. :I
- jheriko 14y agodebugged it - some of the sources are already grayscale or close enough. you should filter these out... it feels like a bug.
- culshaw 14y agoThe best of the best has to be: http://www.placecage.com/ http://www.placecage.com/
- jncraton 14y agoA charts and graphs category would be useful on top of the categories that this already has.
- flyinRyan 14y agoGreat idea. Could you please put a button that will cause the size sliders to obey common sizes? I tried to do 1280x1024 and I basically had to use the up/down arrows to zoom in on each one.