html - 在css中，如果我将背景图像设置为重复，它会被下载一次吗？

Question

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

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

感谢您的建议！

Answer 1

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

如何处理背景图像的下载完全取决于浏览器。浏览器必须在 CSS 规则中看到图像 url，主动下载图像（无论它想要多少次，希望一次）并根据它想要使用您的规则的方式呈现它。