jpg，gif和png三種格式圖片的說明

阿新 • • 發佈：2019-02-09

我們最理想的圖片是容量小質量高清晰的，這得根據不同圖片的性質選擇不同的輸出格式。網上現今常用的圖片格式有jpg、gif、png，至於bmp、svg、tif等格式由於檔案大或瀏覽器不支援等原因不建議使用。

常用圖片格式的特點：

jpg有損、檔案小
是一種有失真壓縮格式，能夠將影象壓縮在很小的儲存空間，影象中重複或不重要的資料會被丟失，因此容易造成影象資料的損傷。

gif無損、≤256色、動畫、支援背景透明
是一種基於LZW演算法的連續色調的無失真壓縮格式。其壓縮率一般在50％左右，它不屬於任何應用程式。目前幾乎所有相關軟體都支援它，公共領域有大量的軟體在使用GIF影象檔案。

png無損、支援背景半透明(IE6下得用濾鏡)
是網上接受的最新影象檔案格式。PNG能夠提供長度比GIF小30％的無失真壓縮影象檔案。它同時提供 24位和48位真彩色影象支援以及其他諸多技術性支援。

做些試驗…

類似這種規則漸變色彩比較豐富的輸出為png。比如body裡大背景漸變、水晶風格按鈕等。

色彩比較單純的小圖輸出成gif。常常應用在一些小按鈕和icon小圖示上。

人像風景類色彩非常複雜的圖輸出為jpg。這裡gif圖看上去也不錯，但是如果圖片尺寸稍大一點你就會發現它們的容量大小和圖片質量會有明顯的差距。

另外，gif動畫的侷限性很大，但它在網上使用得非常頻繁，它只適用於色彩比較簡單的小圖，而對於人像風景類大圖是不建議做成gif動畫的，因為那樣的圖片大小和質量都是很嚇人的。gif和png都可以背景透明，png還支援半透明，但IE6以下不支援，需要使用濾鏡。