一、BMP格式
BMP是英文Bitmap(點陣圖)的縮寫,它是windows作業系統中的標準檔案格式,它能夠被多種windows應用程式所支援。這種格式的特點就是包含的影象資訊比較豐富,幾乎不進行壓縮,但由此導致了它與生俱來的缺點:佔用磁碟空間過大。
二、GIF
全稱Graphics Interchange Format,採用LZW壓縮演算法進行編碼。是無損的、採用索引色的、點陣圖。GIF是無損的,採用GIF格式儲存圖片不會降低圖片質量。但得益於資料的壓縮,GIF格式的圖片,其檔案大小要遠小於BMP格式的圖片。檔案小,是GIF格式的優點,同時,GIF格式還具有支援動畫以及透明的優點。但,GIF格式僅支援8bit的索引色,即在整個圖片中,只能存在256種不同的顏色。GIF格式適用於對色彩要求不高同時需要檔案體積較小的場景,比如企業Logo、線框類的圖等。因其體積小的特點,現在GIF被廣泛的應用在各類網站中。
三、JPEG
JPEG是有損的、採用直接色的、點陣圖。JPEG圖片格式的設計目標,是在不影響人類可分辨的圖片質量的前提下,儘可能的壓縮檔案大小。這意味著JPEG去掉了一部分圖片的原始資訊,也即是進行了有失真壓縮。JPEG的圖片的優點,是採用了直接色,得益於更豐富的色彩,JPEG非常適合用來儲存照片,用來表達更生動的影象效果,比如顏色漸變。與GIF相比,JPEG不適合用來儲存企業Logo、線框類的圖。因為有失真壓縮會導致圖片模糊,而直接色的選用,又會導致圖片檔案較GIF更大。
四、PNG-8
PNG全稱Portable Network Graphics,PNG-8是PNG的索引色版本。PNG-8是無損的、使用索引色的、點陣圖。PNG是一種比較新的圖片格式,PNG-8是非常好的GIF格式替代者,在可能的情況下,應該儘可能的使用PNG-8而不是GIF,因為在相同的圖片效果下,PNG-8具有更小的檔案體積。除此之外,PNG-8還支援透明度的調節,而GIF並不支援。 現在,除非需要動畫的支援,否則我們沒有理由使用GIF而不是PNG-8。當然了,PNG-8本身也是支援動畫的,只是瀏覽器支援得不好,不像GIF那樣受到廣泛的支援。
五、PNG-24
PNG-24是PNG的直接色版本。PNG-24是無損的、使用直接色的、點陣圖。無損的、使用直接色的點陣圖,聽起來非常像BMP,是的,從顯示效果上來看,PNG-24跟BMP沒有不同。PNG-24的優點在於,它壓縮了圖片的資料,使得同樣效果的圖片,PNG-24格式的檔案大小要比BMP小得多。當然,PNG24的圖片還是要比JPEG、GIF、PNG-8大得多。雖然PNG-24的一個很大的目標,是替換JPEG的使用。但一般而言,PNG-24的檔案大小是JPEG的五倍之多,而顯示效果則通常只能獲得一點點提升。所以,只有在你不在乎圖片的檔案體積,而想要最好的顯示效果時,才應該使用PNG-24格式。另外,PNG-24跟PNG-8一樣,是支援圖片透明度的。
六、SVG
全稱Scalable Vector Graphics,是無損的、向量圖。SVG跟上面這些圖片格式最大的不同,是SVG是向量圖。這意味著SVG圖片由直線和曲線以及繪製它們的方法組成。當你放大一個SVG圖片的時候,你看到的還是線和曲線,而不會出現畫素點。這意味著SVG圖片在放大時,不會失真,所以它非常適合用來繪製企業Logo、Icon等。SVG是很多種向量圖中的一種,它的特點是使用XML來描述圖片。藉助於前幾年XML技術的流行,SVG也流行了很多。使用XML的優點是,任何時候你都可以把它當做一個文字檔案來對待,也就是說,你可以非常方便的修改SVG圖片,你所需要的只需要一個文字編輯器。SVG並非只能繪製簡單的Logo類的圖片,它可以繪製出精緻的圖片的。
七、WebP
WebPWebP是谷歌開發的一種新圖片格式,WebP是同時支援有損和無失真壓縮的、使用直接色的、點陣圖。從名字就可以看出來它是為Web而生的,什麼叫為Web而生呢?就是說相同質量的圖片,WebP具有更小的檔案體積。現在網站上充滿了大量的圖片,如果能夠降低每一個圖片的檔案大小,那麼將大大減少瀏覽器和伺服器之間的資料傳輸量,進而降低訪問延遲,提升訪問體驗。在無失真壓縮的情況下,相同質量的WebP圖片,檔案大小要比PNG小26%;在有失真壓縮的情況下,具有相同圖片精度的WebP圖片,檔案大小要比JPEG小25%~34%;WebP圖片格式支援圖片透明度,一個無失真壓縮的WebP圖片,如果要支援透明度只需要22%的格外檔案大小。想象Web上的圖片之多,百分之幾十的提升,是非常非常大的優化。只可惜,目前只有Chrome瀏覽器和Opera瀏覽器支援WebP格式,所以WebP的應用並不廣泛。為了使用更先進的技術,比如WebP圖片格式,來壓縮網際網路上傳輸的資料流量,谷歌甚至提供了Chrome Data Compression Proxy,設定了Chrome Data Compression Proxy作為Web代理之後,你訪問的所有網站中的圖片,在經過Proxy的時候,都會被轉換成WebP格式,以降低圖片檔案的大小。