CSS精灵的最快图像布局

Question

我很清楚使用CSS Sprite的好处，而不是过多的单个小图像请求。我想知道的是，大图像的特定布局是否比另一个大。例如，假设我有6张足球运动员的照片。我想使用CSS精灵。就使用CSS精灵获得最大利益而言，以下四个版本中哪一个最快？

**版本1 **

**版本2 **

**版本3 **

**版本4 **

Answer 1

我已经测试过一段时间了，性能上的差异可以忽略不计。因此，您可以做最适合自己的事情。

文件的大小差异很小，并且css中的背景偏移的速度无关紧要。如果需要性能，请确保正确缓存它们并gzip。

我建议您根据喜好的响应性样式进行测试，因为这样可能会有点不方便。