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

Question

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

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

Answer 1

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

Answer 2

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