picture
The <strong>HTML <code><picture></code> element</strong> is a container used to specify multiple <a title="The HTML <source> element specifies multiple media resources for either the <picture>, the <audio> or the <video> element. It is an empty element. It is commonly used to serve the same media content in multiple formats supported by different browsers." href="/en-US/docs/Web/HTML/Element/source"><code><source></code></a> elements for a specific <a title="The HTML <img> element represents an image in the document." href="/en-US/docs/Web/HTML/Element/img"><code><img></code></a> contained in it. The browser will choose the most suitable source according to the current layout of the page (the constraints of the box the image will appear in) and the device it will be displayed on (e.g. a normal or hiDPI device.)