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: Not supported
  2. 7 - 10: Partial support
  3. 11: Partial support

Edge

  1. 12 - 18: Not supported
  2. 79 - 85: Supported
  3. 86: Supported

Firefox

  1. 2 - 3.5: Not supported
  2. 3.6 - 64: Supported
  3. 65 - 80: Supported
  4. 81: Supported
  5. 82 - 83: Supported

Chrome

  1. 4 - 40: Not supported
  2. 41 - 85: Supported
  3. 86: Supported
  4. 87 - 89: Supported

Safari

  1. 3.1 - 5.1: Not supported
  2. 6: Partial support
  3. 6.1 - 9.1: Partial support
  4. 10 - 13.1: Supported
  5. 14: Supported
  6. TP: Supported

Opera

  1. 9 - 11.5: Not supported
  2. 11.6 - 12.1: Supported
  3. 15 - 27: Not supported
  4. 28 - 70: Supported
  5. 71: Supported

iOS Safari

  1. 3.2 - 4.3: Not supported
  2. 5 - 6.1: Partial support
  3. 7 - 9.3: Partial support
  4. 10 - 13.7: Supported
  5. 14: Supported

Opera Mini

  1. all: Not supported

Android Browser

  1. 2.1 - 4.4.4: Not supported
  2. 81: Supported

Blackberry Browser

  1. 7: Not supported
  2. 10: Partial support

Opera Mobile

  1. 10 - 11.5: Not supported
  2. 12 - 12.1: Supported
  3. 59: Supported

Chrome for Android

  1. 85: Supported

Firefox for Android

  1. 79: Supported

IE Mobile

  1. 10: Partial support
  2. 11: Partial support

UC Browser for Android

  1. 12.12: Supported

Samsung Internet

  1. 4 - 11.2: Supported
  2. 12.0: Supported

QQ Browser

  1. 10.4: Supported

Baidu Browser

  1. 7.12: Supported

KaiOS Browser

  1. 2.5: Supported

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