image-set()

The image-set() CSS function provides a set of images at different resolutions or pixel densities, which the browser can pick from, depending on the device capabilities.

Baseline Status: Achieved Widely Available on Mar 18, 2026 (Cross-browser Newly Available since Sep 18, 2023).

Desktop Browser Engine Support

Google Chrome

113

Supported

Mozilla Firefox

89

Supported

Apple Safari

17

Supported

Microsoft Edge

113

Supported

Mobile Browser Engine Support

Chrome Android

113

Firefox Android

89

Safari iOS

17

Specifications and References

Specification ↗ Can I Use (css-image-set) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.properties.background-image.image-set ↗ css.properties.content.image-set ↗ css.types.image.image-set ↗