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

实践示例：

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