Nieman Foundation at Harvard
HOME
          
LATEST STORY
Why do some people avoid news? Because they don’t trust us — or because they don’t think we add value to their lives?
ABOUT                    SUBSCRIBE
Oct. 16, 2014, 2:57 p.m.
LINK: www.apple.com  ➚   |   Posted by: Joshua Benton   |   October 16, 2014

Apple just announced a brand new iMac with a Retina display — Apple’s term for a display with pixels small enough that they can’t under normal use be detected by the human eye. Retina started on the iPhone, graduated to the iPad, then moved to the MacBook Pro — but now it’s moving to Apple’s giant desktop screens. We’re talking 14.7 million pixels. (The original iPhone had 153,600 — 1/96th as many.)

imac-retina

It looks like a very nice piece of kit, but it’s worth note to publishers because the iMac is probably the single most common computer used by web designers. (I’m typing this on one.) And the downside of a Retina display is that your old website graphics, designed for one-fourth as many pixels, will look a little fuzzy. So a lot of designers will be tempted to replace their existing images with ones 4× as large so they’ll look “right” on their screens. Even more important, their bosses will someday soon get these glorious screens and ask a dev: Why is my website fuzzy on my computer? You saw some of this when the Retina MacBook Pro, but this is the next step. (And of course, non-Apple desktop and laptop computers will continue to get more pixel-dense displays, just as phones and tablets have.)

Bigger images are nice in every way except file size. The weight of the average web page has been on a steady march northward, sitting now more than 15× that of a web page 10 years ago and 50 percent larger than just a year ago. Most of that page weight is images. And this new iMac will push a lot of nice 125K images into 500K bandwidth-cloggers. That’d probably fine on your beautiful new desktop on a fat broadband pipe, but it’ll mean your website will get substantially slower on a phone — just as even more of your audience switches to phones.

growth-average-web-page2014

This doesn’t have to happen, of course. CSS media queries allow you to serve different images to devices with different pixel ratios. And solutions for responsive images are in various stages of progress. (We use Picturefill all over this site and have been happy with it.) SVG gets better all the time, and icon fonts can solve problems in a pinch. (This book, coming out soon, will tell you what you need to know.)

But those methods rely on coders using best practices, and not everyone does. So watch your site and see if page weight starts to creep up not long after a few large Apple boxes get dropped off in graphics.

Show tags Show comments / Leave a comment
 
Join the 50,000 who get the freshest future-of-journalism news in our daily email.
Why do some people avoid news? Because they don’t trust us — or because they don’t think we add value to their lives?
What if distrust is a smaller problem than the way news consumption leaves readers stressed, anxious, depressed, afraid, disempowered, and exhausted?
News outlets will need public support to battle governments set on chilling investigative journalism
Recent police raids against journalists in Australia and the United States seek to instill fear in the minds of journalists and their sources — less to punish the last story than to discourage the next one.
As the Christchurch massacre trial begins, New Zealand news orgs vow to keep white supremacist ideology out of their coverage
“We’re going to do our job — we won’t chill our coverage in any way — but we’re not going to spread hate or misinformation.”