照片和缩略图有什么区别？

Question

我正在学习网络开发。有时我会遇到某些双重格式的图像。在一个文件夹中，它们以照片的形式给出，而在另一个文件夹中，它们以缩略图的形式给出。同样在这两个文件夹中，它们都是 .jpg 格式。我发现的唯一区别是缩略图的尺寸比照片小。

当我可以使用 <img> 标签中的 width 和 height 属性轻松修改尺寸时，单独使用同一图像的缩略图和照片是否有任何真正的目的 HTML?

Answer 1

在显示 很多 照片的页面（例如图库页面）上，最好使用较小的文件大小以加快加载速度。因此，在这种情况下，您将使用缩略图，而当您 link 将这些缩略图用于单个页面上的大图像（即每页一张照片，或灯箱中的叠加层）时，您将使用大尺寸以获得更好的质量.

Answer 2

使用单独的小得多的文件作为缩略图的优势主要在于页面的加载速度和节省带宽 - 您无需等到整个图像下载完毕后浏览器才会呈现它的缩略图。它与更大的图像（例如高清壁纸）有很大的不同，图像的大小很容易超过 1MB。如果您的缩略图库需要一段时间才能加载，即使连接速度非常快，您也可以使用通常小于 100kB（在大多数情况下要小得多）的缩略图。 这也为您节省了带宽，因为您只下载了用户需要的图像，而不是全部。 这来自我构建网络画廊和作品集的经验。