一、基本概念區(qū)分
1、PNG圖片
1). PNG8(布爾透明)
簡(jiǎn)單說(shuō)可以理解為靜態(tài)的GIF
他們都只有256色,也支持索引透明,就是指定一個(gè)像素點(diǎn)是不是透明
2). PNG8(Alpha透明)
可指定像素點(diǎn)的透明度,例如50%透明度，比布爾透明高級(jí)一點(diǎn)
這種優(yōu)點(diǎn)在于比PNG24/32體積小,但效果一樣
缺點(diǎn)在于IE6支持不好,會(huì)把半透明的像素點(diǎn)顯示成全透明
3). PNG24
是指24位索引圖，有全透明跟半透明以及全不透明的類型，即最多可展示的顏色數(shù)量大于1600M，所以它展示的圖片顏色更豐富，更清晰。不過圖片的大小也會(huì)相應(yīng)增加，適用于攝影作品的展示。
PNG24不透明,但是顏色數(shù)很多,不止256色, 而Photoshop里導(dǎo)出的png24其實(shí)是png32
4). PNG32
和photoshop的PSD一樣,是Fireworks的默認(rèn)源文件格式,包含圖層和通道信息
和PNG24的區(qū)別在于多了透明信息
PNG32 不僅可以使用更多的顏色，而且還支持透明度設(shè)定。屬于 PNG 系列中較常用的一種格式。
缺點(diǎn)在于IE6支持不好,會(huì)把透明區(qū)域顯示成藍(lán)灰底色?:?只能通過影響性能的方法AlphaImageLoader與需要加特殊標(biāo)簽（VML）。
png8 和 png24的區(qū)別
png8與png24的根本區(qū)別是存儲(chǔ)方式的不同，那我們?nèi)绾伪鎰epng8還是png24格式的圖片呢？在ps中，打開圖像—>模式。如果是png8格式的圖片，只有8位/或單通道，而且該通道會(huì)自動(dòng)添加上‘索引’，而png24格式的圖片還有其他的通道可選。
如何區(qū)分png8和24
1).在ps里看圖像—模式，png8當(dāng)然只有8位/通道了。
2).當(dāng)打開png8的圖片時(shí)，ps會(huì)默認(rèn)給它的圖片標(biāo)題上加上“索引”兩字，png24的則沒有。
3).文件屬性詳細(xì)信息。
2、jpg和jpeg
JPEG的文件格式一般有兩種文件擴(kuò)展名：.jpg和.jpeg，這兩種擴(kuò)展名的實(shí)質(zhì)是相同的，我們可以把*.jpg的文件改名為*.jpeg，而對(duì)文件本身不會(huì)有任何影響。嚴(yán)格來(lái)講，JPEG的文件擴(kuò)展名應(yīng)該為.jpeg，但由于DOS時(shí)代的8.3文件名命名原則，PC機(jī)使用了.jpg的擴(kuò)展名，而由于Mac并不限制擴(kuò)展名的長(zhǎng)度，因此當(dāng)時(shí)蘋果機(jī)上都使用了.jpeg的后綴名。雖然現(xiàn)在windows也可以支持任意長(zhǎng)度的擴(kuò)展名了，但大家已經(jīng)習(xí)慣了.jpg的叫法，因此也就沒有強(qiáng)制修正。這種情況類似于.htm和.html的區(qū)別。
3、gif：
區(qū)別與png與jpg以及其他圖像格式的，是gif可以支持動(dòng)畫，類似于png8的布爾透明類型，只有全透明跟全不透明，沒有半透明，是無(wú)損耗的圖像格式。
4、webp：
是谷歌2010年推出的一種旨在加快圖片加載速度的圖片格式，圖片的體積只有jpg的2/3，美中不足的是，webp是一種有損壓縮，而且目前支持這種圖片格式的，只有谷歌以及Opera11.10之后的版本，火狐以及IE暫不支持。并且這種圖片格式的編碼時(shí)間是jpg的8倍。因此在使用時(shí)也應(yīng)結(jié)合自己的實(shí)際情況。
5、base64：
是網(wǎng)絡(luò)上最常見的用于傳輸8bit字節(jié)碼的編碼方式之一。可用于在http環(huán)境下傳遞較長(zhǎng)信息，使用base64編碼格式存儲(chǔ)圖片在網(wǎng)頁(yè)上傳輸圖片的優(yōu)缺點(diǎn)如下：
優(yōu)點(diǎn)：①減少http請(qǐng)求；②某些文件可避免跨域問題；
缺點(diǎn)：①瀏覽器的支持問題（IE6/IE7不支持，但是IE9版本的IE7模式下又是支持的）；②增加css的尺寸；③增加編碼成本。
二、實(shí)際運(yùn)用（前端切圖）
1）色彩豐富的、比較大的圖片切成jpg格式，例如一些網(wǎng)站的banner圖
2）尺寸小的、色彩不豐富的、以及背景透明的切成gif或者png8
3）半透明的圖片切成png24格式
WEBP因?yàn)轶w積小，正在被大量網(wǎng)站使用。網(wǎng)站加速的內(nèi)容一半包含了WEBP這種格式，但是寫代碼必須考慮部分不支持webp，比如蘋果系統(tǒng)的Safari瀏覽器就不支持。
