IE8/9 中缩放图像的质量比 IE7 差答案

【问题标题】：Quality of scaled images worse in IE8/9, than in IE7IE8/9 中缩放图像的质量比 IE7 差
【发布时间】：2013-01-31 00:24:06
【问题描述】：

尝试在 IE7 和 IE9 中打开 this page。

正如页面所述，它使用-ms-interpolation-mode:bicubic。

我听说这个设置在 IE8/9 中被禁用了，因为它现在是默认样式（在 IE7 中，最近邻是默认的插值模式）。

但是，IE8/9 的图像质量比 IE7 差很多，如下所示：

什么给了？有没有办法在 IE8/9 中获得更好的缩小图像？

【问题讨论】：

很奇怪。我已经在 Windows 2008 Server 上的 IE9 中尝试过，并且有一位同事也在他的 Windows 7 笔记本电脑上的 IE9 中尝试过。我肯定看到图像质量很差。我还尝试打开/关闭兼容性视图，这没有任何区别。
发现其他几个人有同样的问题：stackoverflow.com/questions/9945363/…stackoverflow.com/questions/6126817/…
你有没有专门尝试过我提供的网址中的帽子图片？
按原样使用图片尺寸，不要缩小或增加原件尺寸。

【解决方案1】：

使用 CSS fit-and-shrink 技术，此处演示：

它基本上将图像的两个副本分层，一个具有固定宽度，另一个具有固定高度，以保持纵横比。

【讨论】：