先是png和jpg的區別：
PNG和GIF都支持動畫
PNG的動畫也叫APNG,只是firefox支持,如Firefox。
所以動畫圖片來說,還是GIF支持最好
第一種PNG叫PNG8(索引色透明),簡單說可以理解為靜態的GIF
他們都只有256色,也支持索引透明,就是指定一個像素點是不是透明
但是PNG由於算法的優勢,體積比較少
所以,靜態GIF完全可用PNG8取代
第二種PNG也叫PNG8(Alpha透明),牛逼在可指定像素點的透明度,例如50%透明度
這種優點在於比PNG24/32體積小,因為也只有256色嘛
缺點在於IE6支持不好,會把半透明的像素點顯示成全透明
第三種PNG叫PNG24
PNG24不透明,但是顏色數很多,不止256色
而Photoshop里導出的png24其實是png32
第四種PNG叫PNG32
缺點在於IE6支持不好,會把透明區域顯示成藍灰底色,把半透明區域顯示成疊加藍灰底色后的顏色
PNG32和PNG24的區別就是多了透明信息
(新增)第五種PNG叫Fireworks源文件
類似於Phosothop的PSD,有圖層通道信息神馬的
是PNG的一種擴展
這種丟到瀏覽器里表現和PNG32一樣
firefox支持apng格式的照片。這種格式的照片做的時候需要一幀幀的png格式的照片，然后在專門的制作apng格式的軟件下將每幀照片導入，然后設置時間點的間隔。
gif都可以支持，但是apng格式的可以做到，當動畫的照片有陰影效果的時候，apng沒有雜邊。雖然gif可以去除雜邊但是顯示的效果有問題。
索引色透明(某像素是全透明還是全不透明):
支持: GIF/PNG都支持
不支持: IE6下的PNG8(Alpha透明)和PNG24/32
Alpha透明(可指定透明度):
支持:PNG8(Aplha透明)/PNG32
不支持: GIF/PNG8(索引色透明)/PNG24
圖層
支持: PNG(FW源文件)
不支持: PNG8/PNG24/PNG32/GIF
顏色
256色：GIF PNG8(2種)
PNG8(索引透明)在創建的時候有個參數叫(PS雜邊|FW色板),這個作用就是用雜邊色加上像素點的透明度例如50%,生成偽透明的不透明像素點
適用於固定底色的偽半透明,例子里用的雜邊是黑色,在白背景下就很明顯
PNG8(Alpha透明)在IE6下會有過度裁剪的問題,可能是把半透明的像素都去掉了
https://s5s5.me/2286后面是在ie6下正常顯示png32格式照片的做法。