我想将所有小图像保存在一个精灵文件中,例如:

现在假设我想添加一个薄的背景图像,它意味着重复x超过100%的元素宽度:

这是否必须存储为单独的实体,还是可以以某种方式将其存储在精灵图像中?如果可以对精灵的某个部分进行背景重复,我无法解决,我想不是,但我很确定我已经看到它在某个地方完成了.
例如,1x1图像加载速度是否比2x2快?尺寸会更小,但浏览器必须工作两倍,对吗?
那么,背景图像是否有理想的尺寸和形状(正方形与矩形)?
我知道这可能不太重要,但我很想知道.
谢谢
通常会说,当使用背景图像平铺网页的背景时,由于需要平铺较少的图像,因此对于尺寸较大的图像,性能会更好.有一段时间我一直在制作它们8x8像素,或8的倍数.
但是有没有人有数据链接证明这是在各种浏览器中的情况,在渲染时间或在各种页面渲染点的CPU负载?