IE和其他浏览器之间的图像质量差异

Question

我的图片完全按照Chrome，Firefox和Safari等浏览器的显示方式显示。一旦我打开Internet Explorer并在那里看到结果，它给了我很大的不同。

这是chrome：

这是Internet Explorer：

图像均为460 x 460，并且添加到图像的css样式为：

     AAA   BBB    CCC   DDD    EEE    FFF    GGG
0   80.0  85.0    100    98    103    105    109
1    NaN   NaN     50    50     50     50     50
2    NaN  30.0     25    25     25     25     25

在chrome中，这个调整大小工作正常，但在IE中却没有。现在我发现的所有信息都是IE使用某种最近邻居方法来调整大小，你可以通过更改一些浏览器设置来解决这个问题。

我尝试将photoshop中的图像调整为20 x 20，但结果保持不变。

我的问题：有没有办法让IE获得与Chrome相同的结果？

Answer 1

尝试使用：

img {
    -ms-interpolation-mode: bicubic;
}

来自this answer

Answer 2

你不能用css改变它。唯一的方法是使用小图片，将此图片的大小调整为20px x 20px，它将起作用