html – How NOT to blur the background image?

Question:

My background image is low resolution and the browser blurs it. On the contrary, I need to make the pixel borders sharp.

Answer:

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">
Scroll to Top