css - 是否可以使用 1 kb .png 图像作为背景图像(重复)？

Question

我从 http://bg.siteorigin.com/ 创建了一个 png 图像.该图像的大小为 1kb，我将其用作 body 标签上的背景图像。

我想知道 --- 如果我使用另一张 500kb(1,920px * 1,080px) 的图像，则加载时间会更长，数据消耗也会增加 500kb。因此，如果我重复使用此 .png 图像 (1kb)，它将消耗多少数据。

body {
   background-image:url("../path/imgName.png") ;
}

对于相同的显示尺寸(1,920px * 1,080px)有什么不同吗？？？

Answer 1

您的 1 KB 图片将消耗 1 KB 的数据。浏览器通常只加载资源一次，无论您在同一页面上使用它们多少次。

实践中的例子:

尽管此页面显示了四次，但如果您查看浏览器开发人员工具的网络选项卡，您会发现它只加载了一次。