Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

splitpea

macrumors 65816
Original poster
Oct 21, 2009
1,177
447
Among the starlings
Apparently standard-res images with pixel doubling look pretty cruddy on the retina display.

But doubling sizes of all images we include in our sites (quadrupling their pixel count) will have a major impact on download sizes and speeds (especially an issue if you need to also accommodate mobile devices and their limited data speeds and plans).

How do you intend to approach this?
 
Apparently standard-res images with pixel doubling look pretty cruddy on the retina display.

I'm not sure where you're getting that. In my experience, on both my 4S and 3rd gen iPad, I see no problems with standard size web images on a Retina display.

Until greater than 30% of my traffic is coming from devices with high PPI displays, I'll not even consider changing graphic resolutions. Even then, I will have to determine whether the benefits of high res graphics outweigh the bandwidth issues.
 
I'm not sure where you're getting that. In my experience, on both my 4S and 3rd gen iPad, I see no problems with standard size web images on a Retina display.

Until greater than 30% of my traffic is coming from devices with high PPI displays, I'll not even consider changing graphic resolutions. Even then, I will have to determine whether the benefits of high res graphics outweigh the bandwidth issues.

amen.
 
I think for the moment as a web standard Retina is far from being a web standard, granted there are a tonne of mobile devices supporting it I can't see the point designing for it yet.

It's like the JPEG2000 debate for a few years back...
 
If it comes to that, it will be as simple as using CSS to specify when to use certain elements. Ex. Only use these set of images when the user agent's screen size is THIS many pixels. I already design my stuff in 300 DPI and scale down so it's not an issue.
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.