3 ms·
The article (and so far the comments here on HN) are all talking about "double resolution" but in reality it's quadruple for actual retina aseets. a 120x90 ima
by ebbv 14y ago
The article (and so far the comments here on HN) are all talking about "double resolution" but in reality it's quadruple for actual retina aseets.
a 120x90 image becomes a 240x180 and that's not 2x the pixels, that's 4x the pixels (and bytes.) It's not insignificant. There's great reasons not to bother right now:
1) On phones and tablets people are either going to be zoomed out where they can't appreciate the hi res images, or zoomed in on some text and not really looking at the image most of the time.
2) While I have an rMBP, most people don't. They're starting to get around but for now it's fine. Certainly I agree with the author's advisement to figure out a solution this year, but I disagree with his admonishing of people still putting it off right now.
3) Lots of people who DO have rMBP do NOT run the machine in pure Retina 4:1 resolution. That includes me, I run it in 1920x1200 mode. Most people don't go seem to go that high but even at 1650x1290 "bad" images are much less bad.
Basically, my point is, this isn't as big of a deal as some people make it out to be. I think it's most important for large hero areas and other images that are going to be focus points of your page. But as long as you get on it some time this year you should be fine before a significant portion of your users are thinking your site looks ghetto.
- furyofantares 14y ago> that's 4x the pixels (and bytes.) I don't think this is true -- I don't think the compressed size tends to scale linearly with the raw # of pixels. I did a few tests and saw that using the same compression settings on the larger image typically resulted in an image 3x the size. There was a post I saw that showed up on HN a while ago claiming you might be better off just using highly-compressed high resolution images for both high-DPI and normal-DPI displays: http://blog.netvlies.nl/design-interactie/retina-revolution/ http://blog.netvlies.nl/design-interactie/retina-revolution/ And the previous HN discussion, since there was a fair bit of disagreement: http://news.ycombinator.com/item?id=4623160 http://news.ycombinator.com/item?id=4623160
- jcampbell1 14y ago> that's 4x the pixels (and bytes.) In my experience the 4x pixels works out to something less than 4x bytes assuming jpg or 24bit PNGs because the compression gets more efficient. For instance quadrupling the number of pixels generally doesn't increase the color table by 4x. I just calculated the difference for about 100 retina files on my sites/apps, and the average size increase is 1.8x.