2011-12-19 123 views
2

我在HTML中的背景图层中有重复的水平图案。我可以用1像素宽的图像或其中的倍数(10,20,50 ...)来完成。重复背景:大瓷砖还是小瓷砖?

现在的问题是:

哪个更好?

  1. 使用薄(小文件大小)的图像,并使其重复了很多
  2. 使用会重演少

多少重复给定的图像模式来讲消耗较大的图像处理器/客户端资源?假设图像高度为3,000像素。

编辑:

是它最好有一个1x3000图像重演1000倍水平(以1024宽屏幕)比100x3000图像重演10倍水平?现在电脑是否显得更加强大,这种瓦重复是不是一个问题?

编辑2:

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

Repeating website background image - size vs speed

回答

2

我常常遵循“越小图像越好”的理念。尺寸越小,浏览器加载时间越短。然而,1x1和10x10真的不会在资源方面造成很大的不同。

+1

我会去一个稍微大图像(除非有严重的影响文件大小):http://stackoverflow.com/questions/1530299/repeating-website-background-image-size-vs-speed – ptriek 2011-12-19 17:13:16

+0

优秀的@ ptriek,正是我正在寻找,但无法设法产生一套在搜索中的关键字会导致这个问题弹出 – mga 2011-12-19 19:14:13

+0

@ptriek创建一个答案指向的URL或一些东西,所以我可以接受 – mga 2011-12-22 03:55:49

0

如果一个像素的图像适合您的需要,那更好,因为它消耗更少的时间下载。

+0

所以你更喜欢有一个1x3000图像重复它itsel水平比100x3000图像水平1000倍水平重复10次? – mga 2011-12-19 19:10:06

+0

是的,因为如果有一些开销,它会被推送给客户端而不是服务器,这就是为什么。 – ALH 2011-12-20 03:13:18

0

看到,较小的图像从服务器下载所需的时间比较大的图像所需的时间要少。图像重复速度取决于用户的计算机,您不必担心。

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

+0

所以这是下载时间(一次)和用户的计算机在随后的重绘或滚动中重绘背景的繁忙程度之间的折衷。 – 2011-12-19 18:15:51

+0

@Mr Lister:确切地说......问题就在于“小瓷砖”的权衡停止了......像瓷砖大小和视口大小之间的某种相关性。 – mga 2011-12-19 19:08:42

0

越小越好,图形加载一次,然后完成。