Safari Finally Going Retina, WebKit Adds ‘srcset’ Attribute
Apple introduced the Retina iPhone 4 back in 2010. Since then, although lots of folks have worked to make the web more mobile, little has been to make effective use of the Retina display’s 4X pixel enhanced view. Until now and the implementation of the srcset attribute in WebKit, which was announced Monday and will get released publicly somewhat after now (see William Gibson).
Dean Jackson of Surfin’ Safari (WebKit blog) fame brings us the news:
Improved Support for High-Resolution Displays With the ‘srcset’ Image Attribute
WebKit now supports the srcset attribute on image (img) elements (official specification from the W3C). This allows you, the developer, to specify higher-quality images for your users who have high-resolution displays, without penalizing the users who don’t. Importantly, it also provides a graceful fallback for browsers that don’t yet support the feature.
Interestingly, the World Wide Web Consortium (W3C) added srcset to the HTML5 spec in May 2012. Apple and Google built the similar “-webkit-image-set” feature into Safari 6 and Chrome 21 last Fall, which got zero traction.
While WebKit/Safari is the first to add srcset, Google’s Chrome will certainly follow, which will pull the recently Chromium-ified Opera along for the ride. That leaves Firefox and Internet Explorer, which by most accounts together hold about 50 percent of the market, to make it happen.
So, will OS X Maverick’s Safari 7 and Mobile Safari in iOS 7, which is coming sometime after September 22, include srcset functionality? The time is certainly ripe…
What’s your take?