<?xml version="1.0" encoding="UTF-8"?>
<feature id="image-rendering"><name>image-rendering</name><description>The image-rendering CSS property sets how images are scaled, retaining smoothness for photos, or hard edges for pixel art and QR codes.</description><group>image-scaling</group><group_name>Image scaling</group_name><baseline><status>widely</status><low_date>2021-10-05</low_date><high_date>2024-04-05</high_date></baseline><support><browser name="chrome" version="41" supported="true"></browser><browser name="firefox" version="93" supported="true"></browser><browser name="safari" version="10" supported="true"></browser><browser name="edge" version="79" supported="true"></browser><browser name="chrome_android" version="41" supported="true"></browser><browser name="firefox_android" version="93" supported="true"></browser><browser name="safari_ios" version="10" supported="true"></browser></support><specifications><spec>https://drafts.csswg.org/css-images-3/#the-image-rendering</spec></specifications><caniuse><id>css-crisp-edges</id></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/image-rendering</mdn_url><compat_features><key>css.properties.image-rendering</key><key>css.properties.image-rendering.auto</key><key>css.properties.image-rendering.pixelated</key></compat_features><canonical_url>https://nowyoucanuse.com/features--image-rendering.html</canonical_url></feature>