我在某些站点上注意到的一件事是，它们使用一个包含大量小图像的BIIIIIIIG图像，然后使用CSS background- position定义每个图像的坐标，而不是使用单个图像。

我在这里：

使用大精灵表的缺点

• 需要加载一张大图像以仅显示一个小图像
• 需要为每个图像编写（或生成）带有类的长样式表
• CSS杂乱无章，可能会影响性能
• 如果更改了一个图像（或添加了另一个图像），则图像和与之关联的CSS都可能会遇到缓存问题
• 需要一个<div>具有适当样式（display: inline-block; width: 32px; height: 32px; background-image: url('spritesheet.png');）的样式，该样式为混合添加了另一个类别。
• 我现在不记得要输入的更多内容了。

使用大精灵表的优点

• …呃…还没有。

实际上，这里最接近专业人士的是，当我将工作表切成单个图像时，结果文件夹 在磁盘上 占用了3Mb
（由于每个文件小于100字节，而我的分配大小为4k）。实际文件本身的大小不到工作表和CSS的一半，因此，
即使HTTP请求的开销很大，也可以节省大量空间 。

基本上，我的问题是：有人在使用大张纸而不是单个图像上有任何优点吗？