Crisp edges/pixelated images

Scales 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.

IE Edge Firefox Chrome Safari Opera iOS Safari Opera Mini Android Browser Blackberry Browser Opera Mobile Chrome for Android Firefox for Android IE Mobile UC Browser for Android Samsung Internet QQ Browser Baidu Browser
49
See notes:
  • 4
56
See notes:
  • 4
9.3webkit
See notes:
  • 3
  • 6
4.4
14 52moz
See notes:
  • 3
57
See notes:
  • 4
10 10.0-10.2 4.4.3-4.4.4 4
See notes:
  • 4
11ms
See notes:
  • 2
  • 5
15 53moz
See notes:
  • 3
58
See notes:
  • 4
10.1 44
See notes:
  • 4
10.3 all 56
See notes:
  • 4
10webkit
See notes:
  • 1
  • 6
37
See notes:
  • 4
57
See notes:
  • 4
52moz
See notes:
  • 3
11ms
See notes:
  • 2
  • 5
11.4webkit
See notes:
  • 1
  • 6
5
See notes:
  • 4
1.2 7.12
See notes:
  • 4
54moz
See notes:
  • 3
59
See notes:
  • 4
TP 45
See notes:
  • 4
55moz
See notes:
  • 3
60
See notes:
  • 4
46
See notes:
  • 4
56moz
See notes:
  • 3
61
See notes:
  • 4

Notes

Note that prefixes apply to the value (e.g. -moz-crisp-edges), not the image-rendering property.

Links