Is iPad 3’s Retina Display about to kill the web?

Posted on March 22, 2012

From Shawn Blanc:

Is the New iPad Screen Too Good for the Web?

If you’ve got a new iPad, one of the first things you’re likely to notice is that graphics on the Web look fuzzy when next to crisply-rendered text.
Graphics could look blurred on the iPad 2 as well, but it was not nearly as contrasted as on the new iPad. I don’t think many people plan to go through their site and update all the pictures, screenshots, and etc. found in their past articles. But one simple thing that websites can do to improve their look on every iPad is to use SVGs or upscaled PNGs for their header and sidebar images.

For example: on Sean Sperte’s site, Geek & Mild, the ampersand logo is an SVG — and so it scales well and looks crisp on your

Here on shawnblanc.net I upscaled the “shawnblanc” image. Meaning the source image is exactly three times larger than the size it’s displayed at (777×138 and 259×46 respectively). And so it looks nice and sharp on an iPad 3.

I think a good rule of thumb for what graphics you should bother updating or not is simply this: if you want people to read it, or if it’s a critical component of your site design, then update it to look crisp on a Retina display.

If the web looks bad, iPad users will turn increasingly to applications, making the web less relevant. Expect there to be a lot of iPad 3 users.