Adaptive images for Retina/Ultra High Res displays?
I have noticed since the advent of the retina display on the latest iPad that all the images on our site are badly up scaled. Looking a little further into this it seem that there is no ideal solution for this at the moment.
Option 1: Send out high-res images by default and scale down in the browser.
This is not ideal simply because the bandwidth required will escalate, pushing up the page load time and would be totally unnecessary for most users, particularly mobile users, most of who now pay for data.
Option 2: Do nothing.
This may be ok in the short term, but again is not ideal because more and more devices will feature larger displays with a higher pixel density, and you may wish to future proof your site. Similarly having adaptive images could have a positive effect for users with lower resolution devices who currently needlessly download the full size image.
Option 3: Use adaptive images.
There are a few methods for doing this, http://adaptive-images.com/ being the most promising I have seen to date. But will this clash badly with Zoo and Widgetkit? Would it work with the Gallery, etc.?
All thoughts welcomed, and is this something that Yootheme developers are likely to be looking at in the near future?
I will begin testing it on a test site.