使用 1kb .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 的数据。浏览器通常只加载资源一次，无论您在同一页面上使用它们多少次。

实践中的例子：

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