Img, the width is set to 100%, the picture will be blurred. It is clear when it is set to a fixed width.

img, if the width is set to 100%, the picture will become blurred. It is clear when it is set to a fixed width.
for example, the width of a picture 1920px:

code will make the image compressed more blurred.

so that the fixed width is not blurred.
I would like to ask you what the reason is and how to solve it. Thank you


img {
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}
Menu