Displaying Retina-Quality Images
Apple has retina image display wrong -- and I think I can do better.
With the fresh release of the iPad, iPhone, and other high-resolution displays into the market, there is renewed discussion in the web development community about how best to create responsive websites with retina-quality images. The way Apple.com has decided to tackle this problem has been well-documented by Jason Grigsby and others. Unfortunately, I think they're doing it in a way that is not only inefficient, but also sets a horrible example for the web development community.
Higher quality displays are coming; Apple's iPad and iPhone retina displays are only the beginning. So, the web development community has to start thinking about the best way to serve up images that are designed for these devices.
So, how can it be better? How can we serve up the correct image the first time, if the browser doesn't know what to request from the server? How can we make sure we're not wasting bandwidth on throwaway images? All in a way that allows for backwards compatibility and is reusable as a standard practice for any website?
Sound good? Still interested? Read on.
Pages: 1 2