Por temas de responsive nos encontraremos más de una vez que una imagen que mostramos a un tamaño más pequeño que el original se vea borrosa, podemos usar la propiedad image-rendering de CSS para que no suceda.
img {
image-rendering: pixelated;
}
