Crisp edges/pixelated images
- CRScales images with an algorithm that preserves edges and contrast, without smoothing colors or introducing blur. This is intended for images such as pixel art. Official values that accomplish this for the image-rendering
property are crisp-edges
and pixelated
.
Chrome
- ❌ 4 - 40: Not supported
- ✅ 41 - 128: Supported
- ✅ 129: Supported
- ✅ 130 - 132: Supported
Edge
- ❌ 12 - 18: Not supported
- ✅ 79 - 128: Supported
- ✅ 129: Supported
Safari
- ❌ 3.1 - 5.1: Not supported
- ◐ 6: Partial support
- ◐ 6.1 - 9.1: Partial support
- ✅ 10 - 17.6: Supported
- ✅ 18.0: Supported
- ✅ 18.1 - TP: Supported
Firefox
- ❌ 2 - 3.5: Not supported
- ✅ 3.6 - 64: Supported
- ✅ 65 - 92: Supported
- ✅ 93 - 129: Supported
- ✅ 130: Supported
- ✅ 131 - 133: Supported
Opera
- ❌ 9 - 11.5: Not supported
- ✅ 11.6 - 12.1: Supported
- ❌ 15 - 27: Not supported
- ✅ 28 - 113: Supported
- ✅ 114: Supported
IE
- ❌ 5.5 - 6: Not supported
- ◐ 7 - 10: Partial support
- ◐ 11: Partial support
Chrome for Android
- ✅ 129: Supported
Safari on iOS
- ❌ 3.2 - 4.3: Not supported
- ◐ 5 - 6.1: Partial support
- ◐ 7 - 9.3: Partial support
- ✅ 10 - 17.6: Supported
- ✅ 18.0: Supported
- ✅ 18.1: Supported
Samsung Internet
- ✅ 4 - 24: Supported
- ✅ 25: Supported
Opera Mini
- ❌ all: Not supported
Opera Mobile
- ❌ 10 - 11.5: Not supported
- ✅ 12 - 12.1: Supported
- ✅ 80: Supported
UC Browser for Android
- ✅ 15.5: Supported
Android Browser
- ❌ 2.1 - 4.4.4: Not supported
- ✅ 129: Supported
Firefox for Android
- ✅ 130: Supported
QQ Browser
- ✅ 14.9: Supported
Baidu Browser
- ✅ 13.52: Supported
KaiOS Browser
- ✅ 2.5: Supported
- ✅ 3: Supported
Note that prefixes apply to the value (e.g. -moz-crisp-edges
), not the image-rendering
property.