透明度在CSS精灵

所以，我做我的CSS精灵的第一个站点和保存图像时为.png做空白的量之间的图像对图像的性能产生影响我想知道？透明度在CSS精灵

例如，如果我在哪里CRAME 10个图像转换成一个非常小的画布这将是较小然后，如果我在哪里相同的10个图像CRAME成很好地间隔开出的图像？

2011-07-09 endy

我了解到，Safari移动并不总是通过CSS背景图像点亮标记。我倾向于在每个单独的图像/元素之间留出4px的空间。 Safari移动浏览器可能会出现的情况是，您可能会看到它不属于的元素中的修改图像。通常在1px宽度或高度。 – Joonas

PNG做图像之间压缩空白的一个不错的工作，所以间隔出来的下载大小的影响可能是非常小的。在浏览器端进行解压缩时，较大的图像可能会对性能产生影响，但这可能仅在非常小的系统上才会显现。

但总体来说，没有缺点的紧密，所以我肯定会认为这样做包装的图像。

2011-07-09 09:33:24

将它们紧紧包好让我在结束时更难以进入坐标系。 – endy

我无法想象这会更难。如果它们是矩形的，不规则的大小，并且在外观上非常相似，我想这可能是一个小问题，但在这种情况下，单个像素值的间距可能就足够了。 –

图像中的多个像素，所述多个存储器占用时，它被转换成在存储器中的未压缩的位图。

这可能会影响性能，尤其是在低内存系统（它已经对一些在电视上的嵌入式浏览器的相当明显，并设置我最近正与机顶盒）。

2011-07-09 09:30:54 Quentin

这很奇怪，因为我得到了完全相反的结果。我在photoshop中保存了相同的图像。一个间隔一切，另一个与所有相同的图像真的压在一起，并修剪。然而，间隔出来的图像是大约6kb的小... – endy

这与所使用的压缩算法有关（并且在将增加归因于物理图像变小之前，我怀疑调色板有不同的选项）。我正在讨论浏览器内存中未压缩映像的性能问题。 – Quentin

回答