Mobile app version of vmapp.org
Login or Join
Courtney195

: How do I make my website retina display friendly? Recently the retina MacBook Pro was released at WWDC 2012. It has a resolution of 2880 by 1800. This makes websites look really bad if they

@Courtney195

Posted in: #Ipad #Mac #Optimization

Recently the retina MacBook Pro was released at WWDC 2012. It has a resolution of 2880 by 1800. This makes websites look really bad if they haven't been optimized for the new high-res display, as noted by Marco Arment. What are some thing I need to do to optimize my website for retina displays?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Courtney195

1 Comments

Sorted by latest first Latest Oldest Best

 

@Eichhorn148

You'll need to mix high resolution graphics, css and things like @font -face, obviously if you create a website specifically for retina displays it will create a lot of data to download with larger images etc, but what you can do is using CSS create optimised verstions for retina and non-retina visitors.

There are some great tutorials online including these:


Optimising Your Site for the New iPad Retina Display | The Mobile Web Design Blog
Optimizing Graphics for Appleā€™s Retina Display Using the CSS Background Size

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme