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

Question

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

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

感谢您的建议！

Answer 1

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

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