感謝您的閱讀，需要軟件以及教程可加入PS學(xué)習(xí)福利君羊（65166+5562）

.Png格式是圖像文件存儲格式，在網(wǎng)頁設(shè)計中已經(jīng)不是一個陌生的名詞，在前端開發(fā)中經(jīng)常使用到它，本文是對.PNG格式的詳細介紹_x0005_，并且針對網(wǎng)頁設(shè)計上.PNG格式的使用做了相關(guān)說明。Png有多少種格式_x0005__x0005_？有哪些特點_x0005_？網(wǎng)頁設(shè)計PC端中常用的Png格式是哪些_x0005__x0005__x0005_，網(wǎng)頁設(shè)計手機端最合適的Png格式是什么呢?如果你對這些問題有疑問。

其中透明度_x0005__x0005_，包括不透明、索引色透明、alpha透明3種格式。

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

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

PNG32：支持2的32次方種顏色，32位是我們最常使用的格式，它是在png在24位的png基礎(chǔ)上增加了8位的透明信息_x0005_，支持不同程度的半透效果。其實PNG8的3種格式不透明_x0005_索引透明、alpha透明，正好把png的所有格式都歸類好了_x0005_：『png 不透明』格式『png索引透明』格式『png alpha透明』格式說到不透明_x0005__x0005_，就像jpg格式一樣_x0007_

_x0007_任意打開一個帶透明的psd文件_x0007__x0005_存儲為web所有格式(ctrl+shift+alt+s)_x0005_，如下面板所示_x0005__x0005__x0005_：

不勾選透明度單選框_x0005_，圖片的透明背景會被默認的白色填充

_x0007_圖片為不透明，表現(xiàn)跟jpg圖片相似

從photoshop存儲為web所有格式面板中這樣理解_x0005_，png24深度其實為24位。這也許是photoshop軟件開發(fā)者不添加png32位格式的原因_x0005_，下圖為Photoshop存儲為web所有格式界面的圖片格式選擇，并沒有png32位的選項~

說到索引顏色透明，我們可以了解下什么是索引顏色_x0005_，『png 索引透明』代表格式有『png8 索引透明』_x0005__x0005_，它的特點總結(jié)如下：

1.挑選一副圖片中最有代表性的若干種顏色(通常不超過256種)

2.只能為不透明或全透明

3.文件體積小

4.帶有雜邊鋸齒

5.支持IE6

『png8索引透明』只有透明索引顏色，沒有半透明索引顏色_x0005_，下圖左側(cè)為帶半透明像素的圖片_x0005__x0005_，在瀏覽器中打開不會有鋸齒，而右側(cè)圖片為全透明或不透明的像素，在瀏覽器打開后有鋸齒。

由于『png8索引透明』沒有半透明索引顏色_x0005_，使用Photoshop導(dǎo)出時，原有的半透明轉(zhuǎn)化為不透明，從而產(chǎn)生鋸齒。

如何避免『png8索引透明』的雜邊鋸齒？設(shè)置雜邊與背景色顏色一致可達到視覺上透明_x0005_。相信不難理解，利用雜邊與背景色一致_x0005__x0005_，可以來滿足視覺上的透明，缺點是只能適應(yīng)一種背景色_x0005__x0005_，在其它背景色下同樣會產(chǎn)生雜邊。

怎么設(shè)置呢_x0005_，打開Photoshop_x0005_，在存儲為web格式面板中進行如下操作_x0005_，在雜邊選項中選擇與背景色一致的顏色_x0005_。

就介紹到這里_x0005__x0005_，感謝耐心看完的小伙伴們_x0007__x0005_。