我使用了几个CSS精灵在线生成器（例如，Stitches，Instant Sprite，SpritePad），即使它们运行良好（我到目前为止更喜欢SpritePad），输出PNG总是比我所有的四到五倍重。图像在一起（58图像）。我想知道为什么会这样。
例如，我的图像一起加权1.2 MB，而来自在线生成器（在本例中为SpritePad）的较亮图像的重量为4.9 MB。我以为是因为它们之间的空白区域，但是使用SpritePad我很好地安排了我的图像以避免太多的空白。
所以，在用DIV和其他CSS东西编辑我的网站之前，我会很感激一些提示，用CSS精灵将所有图像的相似大小的输出图像（即1.2 MB）放在一起。我的网站实际上是1.2 MB（我的代码缩小，非常小），加载大约需要28秒，想象如果我使用5 MB的图像，加载需要2分钟？那个坚果（我的上传带宽只有300-400 kB，到目前为止还没有办法获得更多）。
欢迎任何提示，谢谢。