<img sizes="auto" loading="lazy">

The sizes="auto" attribute for the <img> HTML element sets the layout size for the image based on the computed layout size when choosing a source from the srcset. This attribute only applies to images with the loading="lazy" attribute.

Baseline Status: This feature is currently Limited and is missing in at least one major browser engine.

Desktop Browser Engine Support

Google Chrome

126

Supported

Mozilla Firefox

150

Supported

Apple Safari

—

Unsupported

Microsoft Edge

126

Supported

Mobile Browser Engine Support

Chrome Android

126

Firefox Android

150

Safari iOS

—

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

html.elements.img.sizes.auto ↗