Edit: After half day, my wife’s Mac started having the same problem. I have then applied the solution that I found in the Apple
How Will The New Macbook Pro (Retina Display) Handle The Web –
At WWDC 2012 Apple introduced their new Macbook Pro with a Retina display , This does sound all good but how does a screen resolution of 2880 x 1800 compare against the big wild world of the internet ?
Ever since the Apple showed of the Macbook Pro developers ands Apple have working non stop to upgrade their apps to retina display quality so they do not come across as pixilated.
This is not only a problem for web developers and online graphic designers but also Macbook Pro users as if you do visit a website which has not been optimised for retina displays then you will see every pixel on screen.
So what will be affected ?
The retina displays will show flaws and pixels in logos , ads , buttons , images and more. The problem will hit designers most who export from Photoshop using “Save For Web”. This is not only affected people on the new Macbook Pro but also affects users on other retina displays such as the new iPad. Well known social network Pintrest has sill failed to update its logo which shows up blurry on the New iPad.
What needs to be done ?
Upgrading the graphics for a lot of people is not a problem , the problem comes from the internet its self. The bigger the image files on a website the longer the page takes to load and everybody does not have the bandwidth to be able to view hundreds of huge retina graphics. Online hosting also ads to the problem the bigger image files the more server room needed which costs websites like our selfs more and more money.