常見的圖片格式及使用場(chǎng)景

（1）BMP，是無損的、既支持索引色也支持直接色的點(diǎn)陣圖。這種圖片格式幾乎沒有對(duì)數(shù)據(jù)進(jìn)行壓縮，所以 BMP 格式的圖片通常是較大的文件。

（2）GIF是無損的、采用索引色的點(diǎn)陣圖。采用 LZW 壓縮算法進(jìn)行編碼。文件小，是 GIF 格式的優(yōu)點(diǎn)，同時(shí)，GIF 格式還具有支持動(dòng)畫以及透明的優(yōu)點(diǎn)。但是 GIF 格式僅支持 8bit 的索引色，所以 GIF 格式適用于對(duì)色彩要求不高同時(shí)需要文件體積較小的場(chǎng)景。

（3）JPEG是有損的、采用直接色的點(diǎn)陣圖。JPEG 的圖片的優(yōu)點(diǎn)是采用了直接色，得益于更豐富的色彩，JPEG 非常適合用來存儲(chǔ)照片，與 GIF 相比，JPEG 不適合用來存儲(chǔ)企業(yè) Logo、線框類的圖。因?yàn)橛袚p壓縮會(huì)導(dǎo)致圖片模糊，而直接色的選用，又會(huì)導(dǎo)致圖片文件較 GIF 更大。

（4）PNG-8是無損的、使用索引色的點(diǎn)陣圖。PNG 是一種比較新的圖片格式，PNG-8 是非常好的 GIF 格式替代者，在可能的情況下，應(yīng)該盡可能的使用 PNG-8 而不是 GIF，因?yàn)樵谙嗤膱D片效果下，PNG-8 具有更小的文件體積。除此之外，PNG-8 還支持透明度的調(diào)節(jié)，而 GIF 并不支持。除非需要?jiǎng)赢嫷闹С?，否則沒有理由使用 GIF 而不是 PNG-8。

（5）PNG-24是無損的、使用直接色的點(diǎn)陣圖。PNG-24 的優(yōu)點(diǎn)在于它壓縮了圖片的數(shù)據(jù)，使得同樣效果的圖片，PNG-24 格式的文件大小要比 BMP 小得多。當(dāng)然，PNG24 的圖片還是要比 JPEG、GIF、PNG-8 大得多。

（6）SVG是無損的矢量圖。SVG 是矢量圖意味著 SVG 圖片由直線和曲線以及繪制它們的方法組成。當(dāng)放大 SVG 圖片時(shí)，看到的還是線和曲線，而不會(huì)出現(xiàn)像素點(diǎn)。SVG 圖片在放大時(shí)，不會(huì)失真，所以它適合用來繪制 Logo、Icon 等。

（7）WebP是谷歌開發(fā)的一種新圖片格式，WebP 是同時(shí)支持有損和無損壓縮的、使用直接色的點(diǎn)陣圖。從名字就可以看出來它是為 Web 而生的，什么叫為 Web 而生呢？就是說相同質(zhì)量的圖片，WebP 具有更小的文件體積。現(xiàn)在網(wǎng)站上充滿了大量的圖片，如果能夠降低每一個(gè)圖片的文件大小，那么將大大減少瀏覽器和服務(wù)器之間的數(shù)據(jù)傳輸量，進(jìn)而降低訪問延遲，提升訪問體驗(yàn)。目前只有 Chrome 瀏覽器和 Opera 瀏覽器支持 WebP 格式，兼容性不太好。

? ? 1.在無損壓縮的情況下，相同質(zhì)量的 WebP 圖片，文件大小要比 PNG 小 26%；

????2.在有損壓縮的情況下，具有相同圖片精度的 WebP 圖片，文件大小要比 JPEG 小 25%~34%；

????3.WebP 圖片格式支持圖片透明度，一個(gè)無損壓縮的 WebP 圖片，如果要支持透明度只需要 22%的格外文件大小。