Как НЕ размыть фоновое изображение?

Question

Моё фоновое изображение имеет маленькое разрешение и браузер его размывает. Мне нужно наоборот сделать границы пикселей резкими.

Answer 1

img {
  width: 180px;
  margin: 10px;
}

img + img {
  image-rendering: crisp-edges;
  image-rendering: pixelated;
}

<img src="//i.stack.imgur.com/GMjDY.png">
<img src="//i.stack.imgur.com/GMjDY.png">