<picture>

The <picture> element is used for art direction in responsive images, where a different image is displayed based on the <source> element.

Learning resources on MDN

• <picture>: The Picture element

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 web-platform-tests results for this feature - View the feature source file (dist) - Edit the feature - Report an issue about this feature