Reducing the size of a large image using CSS (downscaling) leads to blurry images in IE9, FF, but is great for Chrome

Question

I use the following css to display a 661px x 343px image:

width: 95px; height:auto;

I found that using the following CSS will give the same blur in Chrome:

image-rendering:-webkit-optimize-contrast;

Thus, deleting the above makes the image sharper in chrome, any idea how to fix the problem for other browsers?

Answer 1

As a rule, you should not do this, the reason is that the user will upload a larger image.

, 2Mb, -, 2Mb, . .

, , , .

Answer 2

, .