来自较大图像文件的质量更好的缩略图答案

【问题标题】：better quality thumbnails from larger image files来自较大图像文件的质量更好的缩略图
【发布时间】：2010-10-20 20:07:34
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

【讨论】：

【解决方案3】：

控制的唯一方法是自己调整大小。各种浏览器将使用不同的算法，有些使用不清晰的掩蔽，有些没有。调整大小后使用的过滤器控制了大部分。特定的 CSS 标记可以在一定程度上控制这一点。

Javascript 不能真正处理这个问题，但是使用 Flash 或类似的东西可以做到这一点。您将更好地控制图像。但是，就 HTML 而言，您将失去“形象性”。

【讨论】：

【解决方案4】：

IE 的默认图像大小调整算法不是那么好 - 它可以通过调整注册表项来更改，但这当然不在您的控制范围内。

但是，显然也可以触发它通过 css 更好地调整图像大小

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

【讨论】：

优秀。有人知道我如何使用 Javascript 来设置它吗？
使用 object.style.msInterpolationMode = "bicubic"; （来源：tomwalsham.com/post.php?id=71）
请注意，IE10 不再支持此功能。在这个阶段没有替代品（去图）。

【解决方案5】：

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

为这些图像编写缓存解决方案一点也不难，而且可以避免法律后果和尴尬。如果我在我的日志文件中看到你的网站并意识到你正在拉下我的图片，你会被 Goatse'd - 很难。

【讨论】：