为Internet Explorer优化图像

使用timmumb,它将为您创建缩略图,您只需链接到脚本,并指定缩略图的大小,就可以了。 http://www.darrenhoyt.com/2008/04/02/timthumb-php-script-released/

我正在我的一个网站上使用它-> http://iv-designs.org/ 你可以看到图像是干净的,没有像素化。

在浏览器中向下或向上调整大小可能看起来很糟糕。它因浏览器而异,但显然 IE is the worst .

最好编写一个服务器端脚本来创建缩略图,或者在图像质量很重要的情况下自己手动完成。它还节省了带宽,因为您不需要加载大图像,只显示1/10像素。

应避免使用宽度和高度调整大小。这将导致较长的加载时间(在慢速连接和大图像上)。

一个更好的主意是制作缩略图(例如使用photoshop),并使用“web save”选项来进一步减小尺寸。

http://acidmartin.wordpress.com/2009/01/05/better-image-scaling-and-resampling-in-internet-explorer/

在IE中,默认情况下关闭双三次图像重采样。您可以使用它在重置样式表中打开它:

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

假设您的图像是jpeg,最简单的选择是使用ie7的双三次图像调整功能,您可以使用css打开该功能:

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

请注意,它会影响性能(经常使用它会降低浏览器的速度)。它在IE6中也没有作用,在IE8中也不再需要。

另一种方法(在IE6中有效)是使用Ethan Marcotte的精彩 Fluid Images script 它使用一些非常聪明的CSS过滤器来解决IE6和IE7中的问题。 My own variation on the theme 修复了右键单击问题,但需要jquery。