css - Sprite 图像是水平的还是垂直的？

Question

我正在为我的元素使用 Sprite 图像。我们应该水平或垂直跟随哪一个？我的意思是并排添加(占用更多宽度)或一个再见(占用更多高度)。

在 sprite 中添加图像是否有宽度/高度限制？有加载概念吗？

Answer 1

无论您使用水平还是垂直的都没有关系。只是不要让它们太大。大多数情况下 1500x1500 足以容纳一个 Sprite - 然后换成另一个。如果您考虑移动设备，请尽量不要让 sprite 大于 800x800 左右。对于图像类型，我建议使用 png(如果具有全色和透明度)，如果您使用一些流行的图形编辑器选项，“保存为 web”，这样它会更小。

Sprites 主要用于降低图像的 httprequests - 如果你使用许多小图像，将它们存储在一个更大的图像中总是很好的方法(只是不要忘记设置缓存 header )所以所有浏览器都会尝试缓存它们(和手机在至少在 session 中)。