<picture>;element is officially part of both Blink (Chrome + Opera). See picture element implementation in blink.
<picture>is also being implemented for Firefox. IE is starting to implement scrset and sizes.
To fill the gap in the mean time, Picturefill 2.0 has been released.
Since picture has changed a lot in the mean time, we need to add support for both media queries and sizes, see http://picture.responsiveimages.org/
#212why do we have to support "sizes" in order to use picturefill?
Sizes is the preferred way to output responsive images, Drupal will look a bit foolish if we will not support it. See #109 for an explanation, as well as the following links
Steps NOT done:
- Switch output to img tag if possible (nice to have)
- Add alternative field formatter with support for sizes without needing a mapping (nice to have)
- Discuss UI of breakpoint in
Update picturefill library to latest version Make sure picture and source tags are correct We need to remove the setting of width and height on source elements Add type support for source tag (code, not UI), can now use transformMimeType Allow source tag without a media attribute (code, not UI) Add support for sizes on source tag Update UI of responsive images mapping Add work around for IE9, http://scottjehl.github.io/picturefill/#ie9
PASSED: [[SimpleTest]]: [PHP 5.4 MySQL] 86,687 pass(es). View
FAILED: [[SimpleTest]]: [PHP 5.4 MySQL] Unable to apply patch 2260061-picture-polyfill-2.1-150.patch. Unable to apply patch. See the log in the details link for more information. View