如何在图像中嵌入缩略图

Question

我有一堆200X120的缩略图和一堆高质量的图像，显​​然当我只是调整img尺寸的缩略图时，质量会受到影响，所以我们从服务器加载两个图像缩略图和实际的，我是只是试图优化我的网站的速度有点看到有人提到在图像中嵌入拇指，有没有人知道这样做的程序？这是实现我的高质量缩略图目标的最佳方式吗？

Answer 1

仅在IE6和IE7中出现此问题吗？现代浏览器使用双三次重采样，因此您应该能够在该级别调整大小而不会产生任何后果。如果使用IE6或IE7，请检查this blog entry是否有合适的解决方案。

基本上，它涉及使用样式

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

在那些MS浏览器中。

Answer 2

我不相信你可以在图像文件中嵌入缩略图。类似的东西可用于其他媒体，例如MP3文件，您可以在其中附加专辑封面的图像等。即使可以，也没有可用于区分实际图像和缩略图图像的功能。 / p>

另外，请勿在HTML中将大型高清图像调整为缩略图。客户端仍然必须下载整个文件，甚至要调整它的大小。如果有一个包含9个图像的网格，那么当他们可以下载这些图像的较小缩略图时，他们必须下载9个非常大的高清图像。

Answer 3

谷歌“Exif”。有数百个读/写exif属性的应用程序，包括我确定嵌入并提取缩略图属性的应用程序。或者你可以自己动手，我确信任何语言和正确的插件。

当您提供缩略图时，您可以选择以编程方式从图像中提取此缩略图属性并提供该属性，而不是使用html样式在传递后缩小整个图像文件。