CSS sprites的透明度

时间:2011-07-09 09:23:41

标签: css

所以我正在用CSS sprites做我的第一个网站,我想知道将图像保存为.png时,图像之间的空白量是否会影响图像的性能?

对于实例,如果我将10张图像拼成一个非常小的画布,那么它会小一些吗?如果我将相同的10幅图像拼成一个间隔很好的图像?

2 个答案:

答案 0 :(得分:2)

PNG在压缩图像之间的空白区方面做得相当不错,因此将它们间隔出来的下载大小影响可能非常小。在浏览器端解压缩时,较大的图像可能会对性能产生影响,但这很可能只在非常小的系统上才会显现。

但总的来说,紧紧包装图像没有任何缺点,所以我肯定会建议这样做。

答案 1 :(得分:1)

图像中的像素越多,在内存中转换为未压缩的位图时占用的内存就越多。

这可能会对性能产生影响,尤其是在低内存系统上(在我最近一直在使用的电视和机顶盒上的某些嵌入式浏览器中,这一点非常明显。)