How to Check Apple’s Retina Display Enhanced Website in Safari on Mac or PC

BY Jason

Published 13 Mar 2012

iPad 2

Apple calls the new iPad – “Resolutionary” on their website thanks to the Retina Display, which features a a 2048-by-1536 resolution, 44 percent greater color saturation and an amazing 3.1 million pixels, which is four times the number of pixels in iPad 2 and a million more than your HDTV.

To truly appreciate the third generation iPad’s Retina Display, Apple has been quietly updating their website with high-resolution images to ensure it is ready for the launch.

Folks at Makotakara – a Japanese Mac blog have discovered a cool workaround, which allows you to view Apple’s Retina Display enhanced website in Safari on your Mac or PC.

All you need to do is follow these simple instructions (via Apple Insider):

[I]n Safari choose Preferences, then Advanced and check the option “Show Develop menu in menu bar.” Users can then right-click on the Apple.com homepage and choose “Inspect Element.”

From there, choose the “Console” option to the far right, paste the following, and press return:

AC.ImageReplacer._devicePixelRatio = 2

new AC.ImageReplacer()

The Safari developer console should then respond with “klass.” the “Inspect Element” menu can now be closed. Then, under View, choose Zoom In.

That’s it, you should now be able to see Apple’s Retina Display enhanced website with high-resolution images and crisper text.

Here’s a side by side comparisons of Apple’s regular website and the Retina Display enhanced website:

Above: Regular Apple.com, Below: Retina Display Enhanced website

Click on this link for the full resolution image 

Above: Regular Apple.com, Below: Retina Display Enhanced website

Click on this link for the full resolution image

We can’t wait to get our hands on the new iPad and now that Apple’s website is enhanced for Retina Display, we hope that Apple also launches their rumored Retina Display MacBook Pros.