Crisp edges/pixelated images

- UNOFF

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

  1. 5.5 - 6
  2. 7 - 10
  3. 11

Edge

  1. 12 - 18
  2. 79 - 81
  3. 83

Firefox

  1. 2 - 3.5
  2. 3.6 - 64
  3. 65 - 75
  4. 76
  5. 77 - 78

Chrome

  1. 4 - 40
  2. 41 - 81
  3. 83
  4. 84 - 86

Safari

  1. 3.1 - 5.1
  2. 6
  3. 6.1 - 9.1
  4. 10 - 13
  5. 13.1
  6. TP

Opera

  1. 9 - 11.5
  2. 11.6 - 12.1
  3. 15 - 27
  4. 28 - 67
  5. 68

iOS Safari

  1. 3.2 - 4.3
  2. 5 - 6.1
  3. 7 - 9.3
  4. 10 - 13.3
  5. 13.4

Opera Mini

  1. all

Android Browser

  1. 2.1 - 4.4.4
  2. 81

Blackberry Browser

  1. 7
  2. 10

Opera Mobile

  1. 10 - 11.5
  2. 12 - 12.1
  3. 46

Chrome for Android

  1. 81

Firefox for Android

  1. 68

IE Mobile

  1. 10
  2. 11

UC Browser for Android

  1. 12.12

Samsung Internet

  1. 4 - 10.1
  2. 11.1

QQ Browser

  1. 10.4

Baidu Browser

  1. 7.12

KaiOS Browser

  1. 2.5

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

Resources:
HTML5Rocks article
Chrome bug #317991: Implement image-rendering:crisp-edges
Firefox bug #856337: Implement image-rendering: pixelated
MDN Web Docs - CSS Image rendering