BASELINE NowYouCanUse.com
Widely Available Image scaling
id: image-rendering

image-rendering

The image-rendering CSS property sets how images are scaled, retaining smoothness for photos, or hard edges for pixel art and QR codes.
Baseline Status: Achieved Widely Available on Apr 5, 2024 (Cross-browser Newly Available since Oct 5, 2021).
Desktop Browser Engine Support
Google Chrome
41
Supported
Mozilla Firefox
93
Supported
Apple Safari
10
Supported
Microsoft Edge
79
Supported
Mobile Browser Engine Support
Chrome Android
41
Firefox Android
93
Safari iOS
10
Specifications and References
Specification ↗ Can I Use (css-crisp-edges) ↗ Feature XML ↗
MDN Browser Compat Data Keys:
css.properties.image-rendering ↗ css.properties.image-rendering.auto ↗ css.properties.image-rendering.pixelated ↗