1. 前言

本節(jié)簡(jiǎn)單介紹一下Css Sprite涉及到圖片的格式以及圖片的排列等，尤其是圖片的排列將決定你的開(kāi)發(fā)難易度，如果可以的話盡可能將圖片制作成推薦的格式。

2. 簡(jiǎn)介

xxx.jpg 應(yīng)該是目前最常見(jiàn)的一種圖片格式了，它屬于有損壓縮格式。
jpg 能夠?qū)�圖像壓縮在很小的儲(chǔ)存空間，一定程度上會(huì)造成圖像數(shù)據(jù)的損傷。尤其是使用過(guò)高的壓縮比例，將使最終解壓縮后恢復(fù)的圖像質(zhì)量降低。

3. JPG 圖片優(yōu)點(diǎn)

然而隨著時(shí)代的發(fā)展，目前的 JPEG 壓縮技術(shù)十分先進(jìn)，它可以用有損壓縮方式去除冗余的圖像數(shù)據(jù)，換句話說(shuō)，就是可以用較少的磁盤空間得到較好的圖像品質(zhì)。

所以這十分適合用在網(wǎng)絡(luò)傳輸?shù)葓?chǎng)景，因?yàn)閳D片比較小所以具有傳輸速度快、減輕帶寬壓力等優(yōu)勢(shì)。

4. JPG 圖片缺點(diǎn)

但是它也有一個(gè)比較致命的缺點(diǎn)：那就是這個(gè)圖片永遠(yuǎn)都是有顏色的，換句話說(shuō)就是不支持透明背景。

在 PS 中，上圖就是一張 JPG 圖片，因?yàn)榘咨�也是顏色。而下圖這樣才代表沒(méi)有顏色，代表透明：

5. 小結(jié)

所以它適用于一些對(duì)背景色不敏感的場(chǎng)景，比如大部分網(wǎng)站背景色都是白的，這時(shí)候就可以使用 JPG 格式的Css Sprite啦。但是一般很少有人會(huì)這么干，所以下一種格式會(huì)更加常用。