本文講解png8和png24格式的使用情況,以及png8和png24的區(qū)別.

　　Png有多少種格式，有哪些特點，PC端中常用的Png格式是哪些，手機端最合適的Png格式是什么呢?png8和png24的區(qū)別又是什么呢?本文我們一同分享。

　　第一，png8和png24以及png32位介紹

　　關(guān)于PNG的格式和透明度問題， Fireworks軟件里面會比較清楚的看到，打開Fireworks優(yōu)化面板，可以清楚看到png有3種不同深度的格式：png8、png24、png32。其中，在優(yōu)化面板選擇png8，可發(fā)現(xiàn)png8包括不透明、索引色透明、alpha透明3種格式。

　　第二，png8和png24的區(qū)別

　　1. PNG8

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

　　2. PNG24

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

　　3. PNG32

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

　　其實PNG8的3種格式不透明、索引透明、alpha透明，正好把png的所有格式都歸類好了：

　　『png 不透明』格式

　　『png 索引透明』格式

　　『png alpha透明』格式

　　說到png8和png24的區(qū)別，『png 不透明』只能為不透明，代表格式有：『png8 不透明』和『png24』，導出軟件有：Photoshop、Fireworks。不推薦使用『png 不透明』格式，建議用jpg圖片來代替它。

　　可能會有同學會問為什么png24是不透明的，我使用photoshop導出來的就是png24啊?Png24實際為不透明圖片。

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

　　不勾選透明度單選框，圖片的透明背景會被默認的白色填充。導出來的png圖片深度為24位，圖片為不透明，表現(xiàn)跟jpg圖片相似。

　　第三，如何使用Photoshop導出『png8 索引透明』

　　使用Photoshop，存儲為web所有格式，按照如下圖片的紅色邊框配置，可導出png8索引透明。

　　第四，如何避免『png8 索引透明』的雜邊鋸齒

　　方法：設(shè)置雜邊與背景色顏色一致可達到視覺上透明。

　　相信不難理解，利用雜邊與背景色一致，可以來滿足視覺上的透明，缺點是只能適應(yīng)一種背景色，在其它背景色下同樣會產(chǎn)生雜邊。

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

　　OK，關(guān)于png8和png24格式就介紹到這里，png8和png24的區(qū)別相信在揣摩完本文的介紹也有一定清晰了

最新評論