如何解决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画布中调整图像大小的公认答案看起来很有希望:)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。