New iPad’s Retina display so good that businesses need to change the way they design

“If you somehow missed all the hype, the new iPad features a huge jump in screen resolution with the Retina display. Packing in four times the number of pixels in iPad 2 (and a million times more than an HDTV), the Retina display gives end users an unbelievable visual experience,” Igor Faletski writes for CNET.

“Yet what feels like beautifully simple technology for consumers can give Web site owners a new set of headaches,” Faletski explains. “The precise rendering of images on the Retina display reveals rough edges across the Web. Text may be pin-sharp, but put that text alongside photos, and those images don’t look so hot. Logos appear blurred. Even shopping cart buttons become grainy.”

Faletski writes, “Chances are virtually all Web sites will need to eventually catch up to the iPad’s high definition display; however, it’s more critical for those brands that lean on imagery to sell their products, such as fashion and apparel retailers, restaurants, hospitality companies and more.”

Here are four steps that can be taken today to adapt your Website to the new iPad Retina display:
1) Prioritize important images
2) Turn text into text
3) Boost button sizes
4) Increase logo size

Much more in the full article here.

27 Comments

    1. I interpreted this as… text that some websites place into images. If you start with a grainy product, you will end up with a grainy product. Move that text to actual text, and the retina display can smooth the text and deliver a crisper product.

    2. I have to deal with rasterized text all the time, and those of us in the printing industry have long understood that vector text will print crisper and more legible than rasterized text. That’s what they are trying to say.

    1. It should be noted that iPad (3) does not make raster images any more grainy than they are on earlier iPad or other tablets. Those images are grainy only comparing to printing quality text that is around it.

    2. Igor Faletski appears to have poor reading comprehension.
      It’s not “a million times more than an HDTV” it’s “a million more than an HDTV”
      Or, just the facts:
      iPad 2048 x 1536 = 3,145,728
      HDTV 1920 x 1080 = 2,073,600

      Difference: 1,072,128 more pixels than a HDTV. 😉

    3. I can’t count how many places I go that have HDTV displays running a slide show related to the business/institution, with images that are grainier than a sand painting. If they haven’t the pride to make that look good, how are they going to deal with Retina displays?

    1. Actually, vector images are much smaller than raster images, sometimes dramatically so. What needs to change is to get designers to understand the importance of designing graphics with the idea of scalability in mind.

      1. I did not mean raster images of buttons, but rather their sizes as control UI. No normal UI sets sizes in physical pixels. This is how even Windows machines could draw widows of the same proportional size no matter how high screen resolution you have once UI is scaled property.

        So those #3 and #4 are quite pointless.

  1. Hopefully one company whose designs will change is Apple. Now that everything is stuffed full of large file sizes the iPad will start shipping with 128GB and 250GB of NAND flash storage.

  2. The real elephant in the room here is the increase in data traffic cell towers will have to deliver with larger and larger raster images pushing through the airwaves. I would not be a happy camper if I accessed a popular web site that used up all of my month’s data download allotment in a single day.

  3. I think the best thing web sites can do to support iPad 3 is stop using Flash 🙂

    But why is this news ? Is it really any different that how they look on a high res monitor or cinema display ?

    No would prefer the Internet world NOT make their sites larger for the sake of catering to iPad 3 owners.

  4. Actually, I was hoping the guy was talking about ‘designing’ innovative hardware, like Apple has been doing for decades. It sure would help if Apple had some actual competition these days! But they don’t. So bleh. 😉

    1. Oh, and BTW:
      Scalable vector graphics, able to take advantage of the biggest and most pixel dense displays imaginable, have been around longer than the Mac. Hello! That’s a free clue! Take it and run with it! 😀

  5. i remember when apple said we could use flash
    macromedia owned it and it was cool
    it let us make scalable vector based web graphics and buttons and stuff
    it was fast and lean and made webpages faster to load

    then adobe bought it and ruined it. now its a bloated piece of crap that has filled the web with crap

Reader Feedback

This site uses Akismet to reduce spam. Learn how your comment data is processed.