PNG圖片存儲(chǔ)的方法和技巧

這個(gè)Fireworks會(huì)比較清楚，打開(kāi)Fireworkd優(yōu)化面板，可以清楚看到png有3種不同深度的格式：png8、png24、png32。

其中，在優(yōu)化面板選擇png8，可發(fā)現(xiàn)png8包括不透明、索引色透明、alpha透明3種格式。

8位的png最多支持256（2的8次方）種顏色，8位的png其實(shí)8支持不透明、索引透明、alpha透明。

支持2的24次方種顏色，表現(xiàn)為不透明。

支持2的32次方種顏色，32位是我們最常使用的格式，它是在png在24位的png基礎(chǔ)上增加了8位的透明信息，支持不同程度的半透效果。

其實(shí)PNG8的3種格式不透明、索引透明、alpha透明，正好把png的所有格式都?xì)w類(lèi)好了：

『PNG 不透明』格式

說(shuō)到不透明，就像jpg格式一樣，『png不透明』只能為不透明，代表格式有：『png8 不透明』和『png24』，導(dǎo)出軟件有：Photoshop、Fireworks。不推薦使用『png不透明』格式，建議用jpg圖片來(lái)代替它。

可能會(huì)有同學(xué)會(huì)問(wèn)為什么png24是不透明的，我使用photoshop導(dǎo)出來(lái)的就是png24啊？

Png24實(shí)際為不透明圖片

打開(kāi)photoshop，任意打開(kāi)一個(gè)帶透明的psd文件，存儲(chǔ)為web所有格式(ctrl+shift+alt+s)，如下面板所示：

不勾選透明度單選框，圖片的透明背景會(huì)被默認(rèn)的白色填充

導(dǎo)出來(lái)的png圖片深度為24位，圖片為不透明，表現(xiàn)跟jpg圖片相似

如果勾選了透明度(alpha通道)，導(dǎo)出深度為32位的透明圖片

從photoshop存儲(chǔ)為web所有格式面板中這樣理解，png24深度其實(shí)為24位，再勾選上8位的alhpa通道，24+8=32，即『png32』 = 『png24+alpha』，這也許是photoshop軟件開(kāi)發(fā)者不添加png32位格式的原因，下圖為Photoshop存儲(chǔ)為web所有格式界面的圖片格式選擇，并沒(méi)有png32位的選項(xiàng)~