我正在使用以下css来显示661px x 343px图像：
width: 95px; height:auto;
我发现使用以下CSS会在Chrome中提供相同的模糊效果：
image-rendering:-webkit-optimize-contrast;
因此，删除上述内容会使图片更清晰，知道如何解决其他浏览器的问题？
答案 0 :(得分：5)
通常你不应该这样做，原因是用户会下载更大的图像。
想象一下，如果要在网站上显示2Mb图像，则用户必须下载2Mb文件才能查看较小的图像。最佳做法是调整图像大小并创建缩略图链接。
至于问题是浏览器呈现问题，据我所知，除此之外别无选择。
答案 1 :(得分：1)
将源图像的大小调整为正确的宽度和高度，然后在浏览器中显示它时不会出现任何问题