重复背景:大瓷砖还是小瓷砖?

时间:2011-12-19 17:05:41

标签: html css performance

我在HTML的背景图层中有一个重复的水平图案。我可以使用1像素宽的图像或其倍数(10,20,50 ......)。

问题是:

哪个更好?

  1. 使用薄(小文件大小)图像并使其重复很多
  2. 使用较重的图像
  3. 重复给定的图像模式在处理器/客户端资源方面消耗了多少?假设图像高度为3,000像素。

    编辑:

    让1x3000图像水平重复1000次(在1024宽屏幕中)比100x3000图像水平重复10次更好吗?如果计算机现在显着更强大,那么这个重复的问题就不那么重要了吗?

    编辑2:

    与我在这里寻找的答案非常相似的问题:

    Repeating website background image - size vs speed

5 个答案:

答案 0 :(得分:2)

我经常遵循“图像越小越好”的理念。大小越小,浏览器加载它所花费的时间就越少。然而,1x1和10x10在资源方面确实不会产生太大的影响。

答案 1 :(得分:1)

我需要更大的图像(除非这会对文件大小产生严重影响):

Repeating website background image - size vs speed

答案 2 :(得分:0)

如果一个像素的图像符合您的需要,那就更好了,因为下载时间更短。

答案 3 :(得分:0)

请注意,较小的图像从服务器下载的时间比较大的图像少。图像重复速度取决于用户的计算机,您不必担心它。

因此,您应该使用较小的图像,下载时间较短(换句话说,快速加载)。一旦图像下载到用户的计算机上,它将取决于计算机处理图像的速度。

答案 4 :(得分:0)

越小越好,图形加载一次就完成了。