IE9中缩小尺寸的图像质量不佳

问题描述

| 我注意到IE9会以非常低的质量渲染尺寸缩小的图像：如果我在200x150 IMG标签中显示800x600 jpg图像，则IE9的结果将非常令人失望。 在IE8和Chrome中，同一页面可以完美显示。如果我使用CSS样式

-ms-interpolation-mode: bicubic;

，IE7也可以。 Firefox显示与IE9相同的令人沮丧的结果，但这似乎是一个已知的错误，请参阅https://bugzilla.mozilla.org/show_bug.cgi?id=486918 我曾经浏览过Stack Overflow和其他论坛，但没有发现有关IE9渲染与IE8的任何抱怨。 有人知道这是IE9中的错误吗？有解决方法吗？ 我无法提交图像，因为我是Stack Overflow的新用户。 但是您可以轻松重现该问题： 在Paint.Net中，创建一个800x600.jpg的椭圆，其画笔宽度为1或2。 以200px x 150px IMG标签显示此图片 比较IE9与Chrome和IE8（使用IEtester）     

解决方法

我已经在IE和图片调整大小中看到了很多。老实说，最好通过图像编辑器或自动方式制作一个较小的单独版本，以精确地显示其大小。     ,默认的图像调整大小算法不是很好。如您所述，IE7添加了以下功能来更改算法：

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

根据docs页面，这已在IE9中删除，但他们没有提供任何有关使用的信息。如果您可以设法在浏览器中调整图像的大小，则将获得最佳效果。 根据您的用例，您也许可以在更新的浏览器中使用画布，以获得更好的结果。在HTML5画布中调整图像大小的公认答案看起来很有希望:)