较大图像文件的质量更好的缩略图

Question

我正在以缩略图的形式显示来自其他网站的图片。为此，我将它们显示在一个较小的img标签中，以便浏览器减小尺寸。

问题在于这些图像（我无法控制）的质量会降低。 它们在FF和Safari中看起来比在IE中要好得多。

有没有办法让这些图片看起来更好而不在我的服务器上缓存它们？ （例如，调整大小更好的javascript库）？任何想法都受到高度赞赏。

Answer 1

快速Google搜索显示，在IE7中，您可以修复图像质量问题： http://devthought.com/tumble/2009/03/tip-high-quality-css-thumbnails-in-ie7/

Answer 2

IE的默认图像大小调整算法不太好 - 它可以通过调整注册表项来更改，但当然这是你无法控制的。

然而，显然也可以通过css

触发更好的图像调整大小

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

来源：http://edmondcho.com/blog/2009/03/17/internet-explorer-image-resizing-tip/

Answer 3

控制的唯一方法是自己调整大小。各种浏览器将使用不同的算法，一些使用非锐化掩模，一些不使用。调整大小后使用的过滤器控制大部分内容。特定的CSS标记可以在一定程度上控制它。

Javascript无法真正解决这个问题，但使用Flash或类似方法可以实现这一点。您可以更好地控制图像。但是，就HTML而言，您将失去“图像”。

Answer 4

我没有看到其他人提到的一件事 - 你并没有真正调整图像大小，你只是在较小的空间中显示它。假设您正在下拉一个非常大的图像文件（5MB）并以1 x 1显示它 - 它仍然是5MB！

为这些图像编写缓存解决方案根本不是很困难 - 并且可以为您节省法律后果和尴尬。如果我在我的日志文件中看到您的网站，并意识到您正在拉下我的图像，那么您将很难做到Goatse。

Answer 5

如果您正在使用源图像并只是在客户端上重新调整大小，那么就不会有一个好方法。

现在，除了使用其他网站图像的潜在法律后果之外，您还可以查看简单的缓存过程，并快速重新调整图像大小，并保持纵横比，以便显示效果良好。这也有助于减少您从其他站点使用的带宽。