Hacker News new | past | comments | ask | show | jobs | submit login
Show HN: Lorem Picsum – Lorem Ipsum but for photos (picsum.photos)
880 points by dmarby 21 days ago | hide | past | web | favorite | 123 comments



Just wanted to comment on the clarity and effectiveness of the home page. Love it! So many user-friendly checkboxes are ticked off. Nice look, great description, plenty of examples, advanced usage section that's very easy to take in, credits at the bottom with some backend tech used, a welcoming contact link...

All of this accomplished (landing page and documentation) in just a few scrolls of the mouse. I went from novice to expert in a minute. There was a real effort to communicate with the end-user from an (empathic) end-user perspective.

Even the parsed json page listing a default 30 images (with credits) is easy to navigate with all the pertinent information available - including urls that open in a new tab (so a user doesn't lose their place on the origin page).

You mentioned in another comment that 400 million images are served per month. Yet... it has the feel (and performance and care) of a small static site.


Exactly. It took me under 30 seconds of scanning through the page to understand most of the API. No fancy badges, abstract graphics or buzzwords, just a direct demonstration of the value. This is how product pages should be.


Thank you for the kind words!


This is what API homepages, or at least "Getting Started" pages, should feel like.


It was indeed good.

One minor nitpick is the use of "random" where they mean "arbitrary". :)

Also, it's still a bit unclear how caching of images would work when you append an arbitrary parameter: text implies none of the images would be cached (presumably because of cache headers or browser behaviour), but I'd prefer it if they were indeed cached by browsers as distinct images instead (iow, soft-reloading X/Y?something=foo will give you the same image).

Basically, I'd like them to figure out all the caching semantics and behaviour, and just do the right thing ;)


seconded. very clear and easy to use. good design and nice idea!


I'm personally partial to PlaceKitten[1] though around halloween I will sometimes switch it up with PlaceZombie[2]

This one looks nice in that you wouldn't be embarrassed if it goes live since the images are generally nice looking but part of the appear of YAPHS (Yet Another Placeholder Service) is that it is really obviously a placeholder so you catch it before it goes live.

[1] https://placekitten.com/ (warning: contains fluffy kittens)

[2] http://placezombie.com/ (warning: contains images of simulated violence)


Let's not forget http://placecorgi.com/

I wear corgi t-shirts, carry a little felt corgi keyring charm, have unicorgi stickers on laptop and tech bag both, my lunch bag is printed with corgis... there's a pattern here.


... do you have a corgi?


No. I live in a pet free building and also travel too much for the poor thing to be left alone.

I didn't mention five corgi plushies: one memory foam pillow and four Unicorgis. One pair of the Unicorgis are set to fly -- they had wings and the previous owner left hooks in the ceiling so it was pretty self evident what I needed to do...


How quirky!


Sometimes a corgi is needed.

https://teespring.com/shop/corgi-symbol_copy_1

:D


lame


Before you speak, ask yourself: Is it kind, is it necessary, is it true, does it improve the silence?


says the person defending the personality of liking corgis as an abstract concept. you be nice and friendly and corgiless, i'll be grim and hateful while petting my corgi


"This world would be a whole lot better if we just made an effort to be less horrible to one another." - Ellen Page.


This is great, succinct advice.



placekitten inadvertently led to one of my favourite commit messages: "Increase kitten resolution" :)


Hah, I checked the comments specifically to toss in a placekitten link :)


What's with ppl and kittens!? :)


They're adorable! (kittens, not so much ppl)


Tangentially, I got tired of Lorem Ipsum text and created Quantum Lorem Ipsum, now with 100% more physics jargon.

http://neil.panchal.io/articles/quantum-lorem-ipsum/

https://github.com/neilpanchal/quantum-lorem-ipsum

Edit: Created a Github repo


I feel like this misses the entire purpose of lorem ipsum. Good layout designers don't just want letters and spaces. They want letters and spaces that approximate the whitespace ratio of writing. Your version has only very long words and very short words and nothing in between. This feels like the telephone game version where all of the original intent has been lost and all that's left is a weak simulacrum in vaguely the same symbol space.


This also misses that Lorem Ipsum is effectively gibberish for most people. It's impossible to get hung up on the content.


It is literally gibberish, for everyone.


I thought it was essentially Latin, so gibberish for most but possibly readable for those with a penchant for dead languages?


When used for typesetting the Latin was intentionally scrambled, so even someone familiar with Classic Latin should find it more gibberish than not. For instance the `lorem` itself was most likely a chopped part of a longer word (dolorem).

An interesting comparison of the "Modern" typesetter's lorem ipsum and the likely source text is in the Wikipedia article:

https://en.wikipedia.org/wiki/Lorem_ipsum


I wasn't aware that Lorem Ipsum was conceived with uniform distribution of word lengths in mind. I couldn't find any information about it on Wikipedia: https://en.wikipedia.org/wiki/Lorem_ipsum

> The lorem ipsum text is typically a scrambled section of De finibus bonorum et malorum, a 1st-century BC Latin text by Cicero, with words altered, added, and removed to make it nonsensical, improper Latin.

Could you please provide source? I am curious now.

Alternate argument is that my version represents real actual text from real books :-), but to be honest, it is a tongue-in-cheek attempt.


"The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English." via the 'Why do we use it?' section on https://www.lipsum.com/


I just posted the word length distribution graph on Github repo. In fact, contrary to the GP’s claim, Quantum Lorem Ipsum contains a larger % of shorter words than vanilla Lorem Ipsum. Also, the distribution isn’t perfectly normal. I used 16 paragraphs from both and wrote a small Julia script to analyze the word length.

I think the assertion that designers want to have a perfect normal distribution of word lengths is arguable. I’d be curious to analyze large datasets of books to see what the actual distribution of word lengths is. Heck, this may be an opportunity to actually fix vanilla Lorem Ipsum and write a script that can generate paragraphs that simulate real world distribution of word lengths! Looks like I have a project ahead of me this upcoming weekend :-).


On the flipside, maybe this version better emulates (a subset of) technical writing? So if you're tuning the design of e.g. a book or thesis, this is more representative than actual Lorem Ipsum?


I'm going to draw a hard line and say No. There is no subset of writing that produces anything that looks like this.


Not even "the set of science-based Lorem Ipsum knockoffs," huh?


I'm partial to Bacon Ipsum https://baconipsum.com


I like it, but isn't one of the points of lorem ipsum that few people understand the meaning of any word and therefore get distracted? I just like to sneak-read yours a lot.


This is my favourite https://www.bobrosslipsum.com/


It's incredible.

I feel like after reading just a few words my eyes glaze over, but its still English. Even if I jump around, its all proper grammar nonsense.

Thank you!


I was hoping it was quantum woo jargon.


Doesn't do what lorem ipsum does, but you might try submitting a journal article.


There’s also the space ipsum with space exploration quotes.


that's funny!


a Loren ipsum I will actually use. now if only plain tex would include this as a package


Normally, I don't think much of the name of a product. Descriptive, flowerly, pie-in-the-sky, complete bs, etc.

This one is genius.


I strongly suspect the name came first.


If I remember correctly it used to be unsplash.it, github seems to confirm.


That's correct! We changed the name to avoid it being confused with unsplash.com as the sites grew in traffic


Do you get sponsorship from Digital Ocean and that CDN company? How does that work out?


DigitalOcean sponsors our infrastructure, and BelugaCDN covers our CDN costs, yep.

Very happy with both services, been a customer of DO for years.


Ah, I was just about to say that this looks like unsplash.it (which we actually use in our SaaS to generate random images on our 404 and 500 error screens [0]). Glad to see that it is one and the same!

[0] - https://medium.com/@dsabar/error-messages-don-t-have-to-be-b...

EDIT: Wonder it we will have to change the domain on our app to point to this new domain, or will the old unsplash.it one still be used going forward?


That’s a really cool use of Picsum!

The old domain will keep working, but I’d encourage you to switch to the new one. It’ll save you a redirect as well :)


Anyone notice the CDN they are using (https://www.belugacdn.com)? Looks like their pricing is 1/10 of S3 and GCP.

Anyone used belugacdn before? Care to share your experience?


Somebody researched a bunch of CDNs and compared them:

https://www.custompcguide.net/keycdn-vs-bunnycdn-vs-belugacd...


Thank you. Thats helpful.


FWIW S3 is not a CDN, CloudFront is, but yes it seems cheaper. But no doubt there are other differences, like less edges, no lambda@edge, etc.


Are the photos scraped automatically from Unsplash or are they manually curated in some way? I'm wondering because it looks like that website classifies photos by category (animals, architecture, fashion, food) but that information is not on your API.

I think it would be really useful to be able to get a picture of a random animal or a random landscape rather than just a random anything. But I'm not sure if that's outside of the scope of the project.


There’s a very similarly named “Loren Pixel” service which offers categories (but from a different image set): http://lorempixel.com/


They are mostly from Unsplash's curated collections a few years ago.


This looks neat and might come in handy. I'm concerned about the legitimation, though.

Citing from https://unsplash.com/license:

> This license does not include the right to compile photos from Unsplash to replicate a similar or competing service.

I'd argue this is exactly the type of "similar or competing service" that is meant by this sentence.

Edit: Did Unsplash give their consent?


This site pre-dates the Unsplash license (and before Unsplash had their own API/website even, it started when they were still a tumblr blog), the images used on it is from back when Unsplash still licensed images under CC0.

We're on good terms with the Unsplash team, and think they're awesome.


Thank you for the clarification.


I'm honestly surprised I haven't seen a placeholder service that serves up ads in the images. The service gets revenue, and the dev gets something that's obviously not a final product.


Placeholders are meant to have no 'message'. In general, ads have messages. Might be a bit difficult to find common ground.


I wonder if an ad company will now get the idea to purchase picsum and (eventually) serve ads.


I'm not sure I'd personally use such a service. I see enough ads on a day to day basis without specifically seeking out more.


Cool idea!


I recently launched http://joeschmoe.io, which is a similar API but for illustrated profile pictures. Did pretty well on product hunt and other places, so might be of interest here too :)


Simple service, easy to use, gets the job done, good selection of beautiful photos and great documentation on the open source repo. I'm sold


Great name! Also, seems like a nifty, simple and useful service for quick prototyping.

This seems like a bandwidth heavy service. I am curious to hear how you are thinking about managing/scaling this.


The service has actually been around since about 2014, currently, we serve about 400 million images a month, using some 6TB of bandwidth. It's pretty manageable since we use a CDN on top of the service, to cache already processed images.

Hoping to do a write-up of the architecture in the future, but the source and deployment setup is available at https://github.com/DMarby/picsum-photos if you're interested


I've checked out the source, thanks. I'll say that a write up on the architecture would be very interesting, if you ever make it then please post it on HN.


What is the difference between this and Unsplash Source[1]?

[1]. https://source.unsplash.com/


According to github looks like this came first. Seems like unsplash's attempt at making this? However this service doesn't seem to have rate limiting like theirs.


Wonderful, this may be.. IS the best product website I have ever seen!

If you have not thought about it: images does not really work for place holders for charts. Maybe placeholders for pie-, bar- and line-charts etc, can be a feature to come?


I've used this plain placeholder (https://placeholder.com/) and it worked nice, but this looks like next level :) Thanks!


What is your privacy policy? Do you store any information about the users?


There's Google Analytics on the website. For the API/service, there's no user/usage information being stored, other than aggregated bandwidth/total requests for the entire service, by our CDN provider, BelugaCDN. You can find the source code, as well as the deployment setup here: https://github.com/DMarby/picsum-photos


Cool project. Last time I looked, the image selection was a bit lacking—in fact, I blogged about choosing between Lorem Picsum and several alternatives a couple months ago: https://www.codesections.com/blog/guide-to-placeholder-image...

I eventually settled on Pixabay, but if Lorem Picsum has added more images recently, I might need to give it another look.


This seems to be built on top of the unsplash API. That is of course ok, but does it provide any relevant additional functionality?

You can literally use https://source.unsplash.com/random/800x600 (with or w/o the dimension) and get the same result, one level less abstract.

Meanwhile, filter() in CSS provides both greyscale and blur with way more power.

I like your homepage - but what does this add to my workflow?


This service isn't built on top of the Unsplash API, in-fact, it predates it.


How is something like this funded? Doesn’t this cost money to host?


It does indeed. DigitalOcean is kind enough to sponsor the infrastructure, and BelugaCDN provides us with CDN services. Any other costs I cover out of pocket / via carbon ads.


How did this sponsorship take place?I have a free server from a goverment program for University Students,but i am curious if you contacted them and talked about your project and they agreed.Same for Beluga


Curious about this as well, newbiehere


did you see carbon ads on their homepage?


Hipster ipsum (https://hipsum.co/) is (good|bad) if you want text :)


Looks like this is not the first service like this, but I'll be honest, I wasn't aware they exist! Haha!

This one might win the contest on beat name though. I feel like it's a "Doh!! Why didn't I think of that!" moment.

Really cool, great work!


I love this. Simple service. It's useful. I hope this goes somewhere.


Similar:

lorempixel.com

https://placeholder.com/


This needs some support to query by tags to turn into something awesomer.


Has there been some kind of relaunch? Service was unreachable last Friday.


We switched over from our old NodeJS backend to a new Go backend recently, and gave the website an overhaul as well, things were a bit shaky during the transition.


That NodeJS to Go definitely needs a write-up :-)


Any reason for the transition from the old NodeJS backend to the new Go backend? Did NodeJS hinder the performance in any way?


I wrote the old codebase ~4 years ago when I was just learning NodeJS, and didn't touch it too much after that, so it was in dire need of being replaced, in particular since it wasn't really written to scale horizontally.

Didn't have any particular issues with NodeJS in terms of performance, just felt like using Go when I was rewriting it.


Ive used lorem pixum for a long time, how is this different...?


Somebody should built an equivalent for gifs and videos


What does it use to random images?(retoric?.)


This is really cool. Will use this :)


I will use this everywhere.


How does this service distinguish itself from any of the other image placeholder services out there?


There are plenty of other good options indeed. I created it in 2014 since I wanted a service that would give me nice looking pictures, rather than just coloured boxes or similar, for placeholders, there's not anything else to it.


I haven't seen any other image placeholder services that look similar to this. Can you share some examples?


My favorite is PlaceKitten I've been using it for a decade. Though it sounds like this one is equally old:

http://www.ecologytheme.com/top-10-image-placeholder-service...

There are literally dozens of them.


https://www.fillmurray.com/

Bill Murray filler. It does go down occationally.



At the top of the lorempixel page it says they used to be lorempixum.


Yes, I know that. First link is the service, second is the award they won in 2008.


I was noting it for the interest of the general reader, since the incredibly similar "Lorem Picsum" is garnering so much praise in this comments section.


Love at first sight!


Damn. I thought it said Lorem Piscum. I'm so disappointed.


Hello from Realms!


I don't like the fact that it's /200/300, it should be /200x300. The slash makes it more difficult to read, i.e. in the example: https://picsum.photos/id/237/200/300, it would be much easier to read and understand if it were https://picsum.photos/id/237/200x300. Terrible decision.


"Terrible"? Come on.

Sometimes we are way too harsh and pedantic on each other. Instead of trying to help each other grow, we call our fellow engineers out for making decisions we disagree with.

This service is offered for free, and new routes can likely be added without trouble. It isn't like this is a choice that actually impacts anyone. It's merely a matter of style.

The only thing terrible here is the way the criticism is being offered. So I'm offering you feedback.


I guess it is not "terrible". I think the product can be improved in the manner suggested since it's heavily reliant on typing URLs manually, and I'm curious why the current format was selected. I am not discounting the entire product just because I am commenting on a very specific part of it.

It is a great site and idea, and I think many people have already suggested that.


Perhaps you could have said something positive before aggressively criticizing. There’s an art to constructive feedback


https://placeimg.com/800/600

Common pattern for such a service. There is no 'id' in the path, that isn't how it works, you just want the one path component for the size in order to return a square image and then if you give a second path component you get the y dimension. It is as simple as that.



https://picsum.photos?id=237&w=200&h=300 would be the simplest way to do it. Any url rewriting on top is syntactic sugar.

I'm surprised it hasn't been written this way from the start, with the url rewriting on top. I don't know much about Go but in the "good old days" we would use apache to do the http stuff, including url rewriting, and {insert moudly language here} to just use the params it was given by the web server. It didn't matter if the url was rewritten for aesthetics or it used query string params. You could even run the same script from the command line. Magic!

Nowadays it seems like the front-end languages like to get their hands dirty in the url parsing for better or for worse. Often worse IMO. The application layer should be dealing with business logic, not http transport. Again, this just my (slightly dated) opinion.


oh, god, no! what an ugly, absurd and unnecessary over-engineering


Ugly yes, over engineering? no it's what you would have done in PHP in the 90's. Doing the URL thing would need more work (hello .htaccess). Anyway...

Good points: It is semantically correct and self documenting. There is no resource called 300 nested under a resource called 200 so lets not pretend there is. The query string seems perfect for the job of providing size parameters. You can then extend this interface to take other factors you want to affect the image, and keep it backwards compatible. Function over form.


Add to this the fact that you don’t have to memorize which order the “parameters” go.

Is it `/width/height` or `/height/width`?

To me this is very similar to languages that use names parameters vs positional.


It's using the URL as it was designed. in 21323/200/300, 200 is not a sub-resource of 21323, neither is 300 a sub-resource of 200. Specifying w and k parameters to the request is semantic and engineering accurate to the intent of the user




Guidelines | FAQ | Support | API | Security | Lists | Bookmarklet | Legal | Apply to YC | Contact

Search: