<picture>
Widely available
The <picture>
element is used for art direction in responsive images, where a different image is displayed based on the <source>
element.
To learn more, see
<picture>: The Picture element at MDN.
Compatibility (view on caniuse.com)
- Chrome 38 Released on 2014-10-07
- Chrome Android 38 Released on 2014-10-08
- Edge 13 Released on 2015-11-12
- Firefox 38 Released on 2015-05-12
- Firefox for Android 38 Released on 2015-05-12
- Safari 9.1 Released on 2016-03-21
- Safari on iOS 9.3 Released on 2016-03-21
Specifications
- HTML Standard (#the-picture-element), from HTML Workstream (WHATWG).