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.)
It looks like a 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 them 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?
Bigger images are nice in every way except file size. The weight of the average web page has been on a steady march northward, more than 15× heavier than 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 make a lot of nice 125K images into 500K bandwidth-cloggers. That’s probably fine on your beautiful new desktop, but it’ll mean your website on a phone will get substantially slower — just as your audience switches even further to phones.
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.)
But those 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.
Apple Announced New iMac That Will Make You Feel Bad About Your Website Graphics
— Joshua Benton (@jbenton) October 16, 2014
What he said —> MT @jbenton: Web designers getting the retina iMac will increase the average weight of a web page 300K, minimum
— Adam Schweigert (@aschweig) October 16, 2014
— Travis Swicegood (@tswicegood) October 16, 2014
@jbenton Responsive images can't get here fast enough. In the meantime, picturefill the hell out of that stuff.
— John Hancock (@Hancock_JohnD) October 16, 2014
from Nieman Lab http://ift.tt/1F5DMRJ
from WordPress http://dimosiografos.wordpress.com/2014/10/16/apples-new-imac-with-retina-5k-display-risks-making-your-web-pages-a-little-heavier/