In the short period of time since the release of the new iPads, we’ve been looking at many of our past web projects with curious eyes, to see how they hold up. The new iPad has a retina display, like the iPhone 4 series, which means that it packs 4 pixels into the space of 1, giving it four times the resolution and far more detail. It’s been 10 days now, and we’ve got some suggestions to share.
First of all, be sure to just open your site and play around with it on the iPad. This certainly isn’t a new concept, but we were surprised to find that some of our sites actually crashed the web browser! This was likely due, in our case, to images that were taking up way too much memory at retina resolution, but I expect to see the problem elsewhere.
When loading in a website, often the very first graphic shown is a logo. And since these are typically rendered as images, the first things visitors see on a new iPad—your logo, the centerpiece of your identity—is going to look blocky. That’s a relatively easy fix. Logo graphics are often very small files, so you may be able to replace yours with an image that’s twice the width and height, and tell the browser to show it at the old (smaller) size. On normal browsers, it will look the same, but on the new iPad it will look terrific.
Continue reading →