图像精灵高度重要吗？

Question

是否有任何问题你可以想到有一个图像精灵 30px×27,900px

图像几乎是90％的空白区域。它只有9.5kb但是在浏览器中运行这么大的东西似乎并不合适。

思想或想法？

Answer 1

仅仅因为它在磁盘上是9.5Kb，并不意味着它不会占用浏览器中的大量内存，浏览器必须先解压缩图像才能显示。 （最终大小取决于使用的压缩等）。

因此，虽然它显然会花费额外的连接，但我建议如果可能的话将其分解为更小的图像。

Answer 2

FWIW，当存在大量偏移时（例如通过向左侧放置10000px来隐藏DIV），浏览器性能似乎不会降低。

图像处理通常使用二维数组完成，因此可以非常轻松地访问图像的任何部分，而无需线性遍历。因此，如果您指示16x16像素图标位于5000,3000，则渲染引擎可以非常轻松地找到这些像素。

当然，两个显而易见的问题是：

1. 你为什么需要这么多的空白？
2. 您是否测试过性能？