我有一个div是ex。 500px乘500px我有一个10px乘10px的图像(纹理图像)。我已将此图像设置为水平和垂直重复。我这样做是为了节省带宽,但问题是:这是节省带宽还是与我制作背景图像500×500 px相同??? (所以这个图像会被下载一次到客户端,或者它会被重复下载多次?)
同样的问题,html中的两个img标签具有相同的src但不同的大小。
感谢您的建议!
答案 0 :(得分:5)
是的,它只会被下载一次。即使你在页面上单独加载图像(可能在img
标签中),它也只会下载一次(无论如何都要通过任何好的浏览器)。
完全取决于浏览器如何处理下载背景图像。浏览器必须在CSS规则中查看图像URL,主动下载图像(无论多少次,希望一次),并根据它想要如何使用规则进行渲染。