html - CSS Background Image Repeat 会增加页面负载吗？

Question

假设一个 1px 宽和 20px 高大小为 1kb 的图像在 10px 的无序列表项中重复出现。 那么以 kb 为单位的页面大小会增加 10kb(listitem 的宽度 * 图像的大小)还是仅增加 1kb。？

Answer 1

您只向服务器请求一次背景图片，所以不会增加页面大小。

像您建议的那样的图像是减小页面大小的理想方式。

如果您想走得更远，您可以考虑使用 CSS sprites 来进一步减少页面大小和加载时间。