srcset and sizes

The srcset and sizes attributes for <img> elements set a list of possible sources for the image and a corresponding list of size conditions for choosing a source, to show a responsive image that fits the size of the display.

Baseline Status: Achieved Widely Available on Sep 27, 2019 (Cross-browser Newly Available since Mar 27, 2017).

Desktop Browser Engine Support

Google Chrome

38

Supported

Mozilla Firefox

38

Supported

Apple Safari

10.1

Supported

Microsoft Edge

13

Supported

Mobile Browser Engine Support

Chrome Android

38

Firefox Android

38

Safari iOS

10.3

Specifications and References

Specification ↗ Can I Use (srcset) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

api.HTMLImageElement.sizes ↗ api.HTMLImageElement.srcset ↗ api.HTMLSourceElement.sizes ↗ api.HTMLSourceElement.srcset ↗ html.elements.img.sizes ↗ html.elements.img.srcset ↗ html.elements.source.sizes ↗ html.elements.source.srcset ↗