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">