在我的一个网站上，我的客户报告说，通过代码缩小尺寸（即指定宽度/高度）的图像显示为锯齿状和像素化。我问她使用了什么浏览器，并且不可避免地是Internet Explorer。为Internet Explorer优化图像
有没有一种方法来优化IE中的图像，或者我需要手动调整photoshop上的图像之前，我把它们放在网站上？
有问题的图像的大小从220x220调整到80x80，并且我有javascript，它们会在点击时将它们展开为220x220。
使用timthumb，它会创建缩略图，你只需要链接到脚本，并指定缩略图的大小，就是这样。 http://www.darrenhoyt.com/2008/04/02/timthumb-php-script-released/
我使用它在我的网站之一 - >http://iv-designs.org/ 你可以看到图像干净，没有像素化。
在浏览器中调整大小可能看起来很糟糕。它因浏览器而异，但显然是IE is the worst。
最好是写一个服务器端脚本来创建缩略图，或者如果图像的质量很重要，可以自己手动完成。它还可以节省带宽，因为您不需要加载大图像并只显示1/10像素。
您应该避免使用宽度和高度来调整大小。这会导致加载时间更长（连接速度慢，图像大）。
一个更好的主意是制作缩略图（例如用Photoshop），并使用“Web保存”选项来缩小尺寸。
现代浏览器允许双立方重采样，所以除非您有一个令人信服的理由来创建缩略图（例如，如果不想下载大图像，除非有可能会以这种大小显示），否则应该没有问题调整浏览器中的图像大小。 – Robusto 2010-08-25 16:28:25
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）是使用Marcotte的阮经天的精彩Fluid Images script，它采用一些巧妙的该死CSS滤镜来解决在IE6和问题7 My own variation on the theme修复右键问题，但需要jQuery的。
它似乎有效。干杯 – 2010-08-25 16:58:26
很高兴它解决了 – Christophe 2010-08-25 18:37:06