troubleshooting Question

How do the new retina (high dpi) displays affect web design

Avatar of Thunderman54
Thunderman54Flag for United States of America asked on
Web Languages and StandardsWeb Development
8 Comments1 Solution244 ViewsLast Modified:
I, like many, am trying to wrap my brain around how the new retina displays (high dpi) affect web design. Fortunately I just "dabble" in it as a hobby. I don't design for a living. I'm hoping we can just have a little "back and forth" here for a bit. I think if I can just get some answers to a few basic questions I'll be good to go for my purposes. FYI, whenever I create images "from scratch" for something I'm doing on the web, I use a very old version of Photoshop (5.5). The default ppi setting (which I've never tinkered with or even considered doing so until now) is 72 ppi.

Okay. First question. If I create a banner image for a web page that is 1000px wide and 200px high, then load that page in Safari side by side on an iPad 2 and an iPad Air (Retina) , both with a 9.7 inch diagonal screen size, how will that banner image look different (BTW, for this example, this is without using any media screen queries and css)?  On the iPad Air, will the image just take up far less screen space (esp width), or will it take the same amount of screen space, but just look far less sharp and somewhat degraded? If it helps you, here is a link with the specs on these iPads.
Join our community to see this answer!
Unlock 1 Answer and 8 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 8 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros