With the release of the new iPad being reported as one of the strongest releases yet with over 3 Million iPads sold since March 16th, the questions comes to mind…..what does this mean for my website?

Basically, the new iPad contains a retina display which first debuted in the iPhone 4 back in 2010, which doubled the pixels of the original iPhone display. This created new challenges for web designers looking to create crisp / sharp graphics on the new screens.

This has now been magnified with the release of the new iPad, packing more pixels than an HD Television. The 2048 x 1536 is definitly amazing to look at. It is crisp, sharp and offers amazing image quality.


One thing you will notice  is that website text appears crisp and sharp. It does an excellent job of improving the readability of text.

One area that seems to suffer a little bit is certain types of images. Especially gradients, rounded corner images and  box shadows. Craig Grannell has put together a great article on some of the implications a Retina Display iPad could have for the internet and how the new iPad will transform web design.

With browsers adding new support for resolution independent features, CSS3 and other technologies; it is clear that over the next few years, things will definitely start to change in the way we build websites. It could mean creating duplicate theme files for websites in higher resolutions or simply creating designs whilst keeping resolution independence in mind. There are already a few methods to help cope with higher resolution displays for those wanting to jump on board as soon as possible.

All in all, it is great to see the new iPad released. Its very exciting to see how higher resolution displays will impact the web.