html - 重复背景 : big tile or small tile?

Question

我在 HTML 的背景层中有一个重复的水平图案。我可以使用 1 像素宽的图像或它的倍数(10、20、50...)来实现。

问题是:

哪个更好？

1. 使用薄(小文件大小)图像并使其重复很多
2. 使用更大的图片，减少重复本身

重复给定的图像模式会消耗多少处理器/客户端资源？假设图像为 3,000 像素高。

编辑:

让 1x3000 图像水平重复 1000 次(在 1024 宽屏幕中)是否比 100x3000 图像水平重复 10 次更好？鉴于现在的计算机功能明显更强大，这种磁贴重复不再那么令人担忧了吗？

编辑 2:

与我在这里寻找的答案非常相似的问题:

Repeating website background image - size vs speed

Answer 1

我经常遵循“图像越小越好”的理念。尺寸越小，浏览器加载它所需的时间就越少。然而，1x1 和 10x10 在资源方面确实不会产生太大差异。