本文介绍了在IE9中质量差的缩小图像的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我注意到IE9以非常低的质量渲染缩小图像:如果我在200x150 IMG标签中显示800x600 jpg图像,那么IE9的结果非常令人失望。

在IE8和Chrome中,相同的页面显示效果非常好。 IE7也行,只要我使用CSS样式 -ms-interpolation-mode:bicubic; )。 Firefox显示与IE9相同的惨淡结果,但这似乎是一个已知的错误,请参阅



我已经浏览了堆栈溢出和其他论坛,但没有发现IE9渲染与IE8的任何投诉。 / p>

有人知道这是IE9中的一个错误。有没有解决方法?



我无法提交图像,因为我是Stack Overflow的新用户。
但你可以很容易地重现这个问题:

在Paint.Net中创建一个800x600.jpg,其中带有1或2的笔刷宽度的椭圆。
以200像素x 150像素的IMG标签显示此图像
将IE9与Chrome和IE8(使用IEtester)进行比较解决方案

我已经看到了很多与IE和图像大小调整。您真的更适合通过图片编辑器或自动化方式制作一个单独的较小版本的确切大小。


I noticed that IE9 renders downsized images in a very low quality: if I display a 800x600 jpg image in a 200x150 IMG tag, the result in IE9 is very disappointing.

The same page displays perfectly fine in IE8 and in Chrome. IE7 is also OK, provided I use CSS style -ms-interpolation-mode: bicubic;). Firefox shows the same dismal result as IE9 but this seems to be a known bug, see https://bugzilla.mozilla.org/show_bug.cgi?id=486918

I have trawled Stack Overflow and other forums but haven't found any complaints on IE9 rendering versus IE8.

Does anybody know this a bug in IE9. Is there a workaround?

I cannot submit images, because I am a new user on Stack Overflow.But you can easily reproduce the issue:

In Paint.Net create a 800x600.jpg with an ellips with brush-width 1 or 2.Display this image in a 200px by 150px IMG tagCompare IE9 with Chrome and IE8 (using IEtester)

解决方案

I've seen this a lot with IE and image resizing. You're honestly better off making a separate smaller version the exact size through an image editor or automated means.

这篇关于在IE9中质量差的缩小图像的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-04 00:46