• About Us
    • New York
  • Work
  • Capabilities
  • Careers
  • Technology
  • Blog
  • Contact Us
  • About Us
    • New York
  • Work
  • Capabilities
  • Careers
  • Technology
  • Blog
  • Contact Us
May 18, 2012

Will Apple’s Retina Display Macs Ruin Web Design

Posted by Chris Alvares

News broke out earlier this week about Apple’s Macbook pro, Macbook Air and iMacs gaining a retina display this summer, most likley with WWDC. At first I was excited about the news, it was about time that 3D was kicked out, and the true next real big advancement in Monitor and TV technology came about. Then I thought back to when the iPhone 4 was announced, and I got chills.

When Apple released the iPhone 4 with a retina display, and a super high resolution, they converted the default measurement of iOS from Pixels to Points. This made it super easy for native app developers to keep using the old iPhone measurements, with the device scaling up to the new resolution automatically. It was however, created problems for web developers who were building mobile sites. Before, they would only have to put an image src with the image, but now, they have to check the user agent string or use custom CSS/JS, see if the current device is a retina display, and then display a high quality image.

That was ok at the time because mobile sites were still in a baby stage, and web developers could write that code as they developed the mobile site. However, now, with the new Retina Display Macs, a real big problem comes into play. How does Apple handle Pixels vs Points.

I think Apple will keep it inline with iOS, and change the default measurement for applications to points. This would require no change for developers, other than to update their images with a high resolution version for Mac OS X to use. However, with the web, this still creates blurry images. When I first viewed Google on my iPhone 4, the logo looked pixelated, and a bit blurry. With Apple’s Retina Display Macs, that blurriness becomes a problem for the entire web.

Retina Display Images Vs Standard Images

Difference Between Retina Images and Standard Images

Applications that were built long ago will now have to pay more development and artists dollars to upgrade their code and images on the website to be retina display ready. Display Media will have to create two versions of ads, one for retina displays, and one without, and when you are talking about creating hundreds of banners, advertising agencies will now have to double that.

appleiosmacbookmacbook promacbook retina displayretina display
Previous
Next

Latest White Papers

  • Shifting Plans for 2020 & Beyond
  • Game On: How Brands Can Log Into A Diverse Multi-Billion Dollar Industry
  • What CCPA Means For Brands
  • How Google is Improving Consumer Data Privacy
  • Ways to Prepare for the Cookieless Future
  • See all White Papers

Featured Posts

  • Ad Age Names PMG #1 Best Place to Work in 2021
  • Hindsight 2020 & Looking Ahead to 2021
  • Preparing for Streaming’s Growth & The Future of TV Buying
  • MediaPost Names PMG Independent Agency of the Year
  • PMG Client Portfolio Trends During Amazon Prime Day 2020

Categories

  • Consumer Insights
  • Content
  • Creative Design
  • Data Analytics
  • Development
  • Digital TV & Video
  • Ecommerce
  • Industry News
  • Local
  • Mobile
  • Paid Search
  • PMG Culture
  • Programmatic & Display
  • SEO
  • Social Media
  • Structured Data
Fort Worth

2845 West 7th Street
Fort Worth, TX 76107

Dallas

3102 Oak Lawn Avenue
Suite 650
Dallas, TX 75219

Austin

823 Congress Avenue
Suite 800
Austin, TX 78701

London

33 Broadwick Street
London
W1F 0DQ

New York

120 East 23rd Street
New York, NY 10010

Get in touch

(817) 420 9970
info@pmg.com

Subscribe to the PMG Newsletter
© 2021 PMG Worldwide, LLC, All Rights Reserved
  • Contact
  • Privacy Policy
 Tweet
 Share
 Tweet
 Share
 Tweet
 Share
 LinkedIn
We and our partners use cookies to personalize content, analyze traffic, and deliver ads. By using our website, you agree to the use of cookies as described in our Cookie Policy.