在CSS中如果我设置一个背景图像重复将下载一次?

时间:2012-05-17 17:56:58

标签: html css download bandwidth

我有一个div是ex。 500px乘500px我有一个10px乘10px的图像(纹理图像)。我已将此图像设置为水平和垂直重复。我这样做是为了节省带宽,但问题是:这是节省带宽还是与我制作背景图像500×500 px相同??? (所以这个图像会被下载一次到客户端,或者它会被重复下载多次?)

同样的问题,html中的两个img标签具有相同的src但不同的大小。

感谢您的建议!

1 个答案:

答案 0 :(得分:5)

是的,它只会被下载一次。即使你在页面上单独加载图像(可能在img标签中),它也只会下​​载一次(无论如何都要通过任何好的浏览器)。

完全取决于浏览器如何处理下载背景图像。浏览器必须在CSS规则中查看图像URL,主动下载图像(无论多少次,希望一次),并根据它想要如何使用规则进行渲染。