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

时间:2017-02-18 14:17:24

标签: html css image thumbnails photo

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

当我可以使用HTML的width标记中的height<img>属性轻松修改尺寸时,有没有真正意图同时使用同一图像的缩略图和照片?

2 个答案:

答案 0 :(得分:1)

在显示 lot 照片的页面(例如图库页面)上,最好使用较小的文件大小以加快加载速度。所以在这种情况下你会使用缩略图,而当你将它们链接到单个页面上的大图像(即每页一张照片,或灯箱中的叠加)时,你会使用大尺寸来获得更好的质量。

答案 1 :(得分:1)

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