<picture>
The <picture>
element is used for art direction in responsive images, where a different image is displayed based on the <source>
element.
Status
Baseline Widely Available (since 2018-09-21)
MDN documentation
Specifications
- HTML (#the-picture-element), from HTML Workstream (WHATWG).
Browser support (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
View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist