Welcome to the iMore Forums Create Your Account or Ask a Question Answers in 5 minutes - no registration required!
Results 1 to 2 of 2
  1. Thread AuthorThread Author   #1  
    Rene Ritchie's Avatar
    Editorial Director

    2,048 Posts
    Global Posts
    2,615 Global Posts
    0 Post(s)
    0 Thread(s)

    Default Designing websites for Retina display and HiDPI screens

    We're working on making iMore support the new iPad's Retina display (and other HiDPI screens when they ship). Here are some links I've been collecting.

    How to preview the Retina display enhanced Apple.com in Safari on Mac or PC

    How Apple.com will serve retina images to new iPads Cloud Four

    iPad 3 and Retina Screen: What it means for your mobile commerce site | Mobify

    CSS3: What is the best method for adding 2x images to webpages that will be displayed on the new iPad with Retina graphics? - Quora

    An Example of Photography on the Retina Display - Duncan Davidson

    We're not sure about the best method yet -- how to triage which images get supported and how -- but we're working on it.

    Anyone else giving it a go?
  2. #2  
    Marc Edwards's Avatar
    iPhone Nanite

    6 Posts
    0 Post(s)
    0 Thread(s)


    It seems like CSS and background-image based things are *fairly* easy and you can use media queries to only serve one image that's the right size for the device.

    I think img tags are far harder to get right. I don't think Apple's solution they used for apple.com is ideal, but maybe it's the best option we have?

Posting Permissions