我正在学习网络开发。有时我会遇到某些双重格式的图像。在一个文件夹中，它们以照片形式给出，而在另一个文件夹中，它们以缩略图形式给出。同样在这两个文件夹中，它们都是 .jpg 格式。我发现的唯一区别是缩略图的尺寸比照片对应的要小。
那么，当我可以使用 HTML 的 <img> 标签中的 width 和 height 属性轻松修改尺寸时，分别使用同一图像的缩略图和照片有什么真正的目的吗？
【问题讨论】：
标签： html css image thumbnails photo
在您显示很多张照片的页面（例如图库页面）上，最好使用小文件以加快加载速度。因此，在这种情况下，您将使用缩略图，而当您将它们链接到单页上的大图像（即每页一张照片，或灯箱中的叠加层）时，您将使用大尺寸以获得更好的质量。
【讨论】：
使用单独的小得多的文件作为缩略图的优点主要是页面的加载速度和节省带宽 - 您无需等到整个图像下载完毕后浏览器才能呈现它的缩略图。它与更大的图像（例如高清壁纸）有很大的不同，其中图像的大小很容易超过 1MB。如果您的缩略图库需要一段时间才能加载，即使在非常快的连接上，您也可以使用通常低于 100kB（在大多数情况下小得多）的缩略图。 这也节省了带宽，因为您只下载用户需要的图像，而不是全部。 这来自我建立网络画廊和作品集的经验。
【讨论】：