浏览器如何加载图像?大拇指是必要的?

问题描述:

当我在我的网站上创建图库时,我需要大拇指?或者我可以使用完整的图像和调整与CSS?浏览器如何加载图像?大拇指是必要的?

例如,我有这样的画廊:http://otomoto.pl/renault-20-r-20-1-6-1-6-gtl-C21940610.html 如果每个图像将与CSS调整大小,然后浏览器将加载相同的图像多次或一个?页面将会加载更快,当它将是image01thumb.png,image01normal.png,image01full.png?或者只是image01full.png?

+0

如果您发现答案有帮助,请选择一个作为您选择的答案。 – 2014-09-05 13:36:33

如果使用CSS调整大小,客户端将不得不下载整个图像并调整大小,这在带宽方面并不理想。您需要一些缩略图大小的图像,以便您可以向客户端发送小图像,而不必发送完整的内容。

+0

但是,当我在许多地方放置相同的图像时,浏览器会重新加载一次? – dakolech 2014-08-30 12:21:49

+0

如果您使用相同的引用(URL),但在许多页面上,浏览器将(应该)缓存它并只下载一次,是的。 – 2014-08-30 12:50:40

这取决于你有什么样的画廊。显然,当你使用缩略图时,如果客户从未看到完整图像,则客户端不必下载完整图像。但是,如果您有一个动态图库,例如,您可以使用鼠标悬停/动画制作图像,则可能最好是已加载图像,以便转换顺利进行。