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

No MDN documentation found. You can search for the feature on MDN. If you believe that MDN has no documentation about this feature, you can open an issue on MDN's GitHub repository.

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