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

常用圖片格式的特點：

jpg有損、文件小
是一種有損壓縮格式，能夠將圖像壓縮在很小的儲存空間，圖像中重復或不重要的資料會被丟失，因此容易造成圖像數據的損傷。

gif無損、≤256色、動畫、支持背景透明
是一種基于lzw算法的連續色調的無損壓縮格式。其壓縮率一般在50％左右，它不屬于任何應用程序。目前幾乎所有相關軟件都支持它，公共領域有大量的軟件在使用gif圖像文件。

png無損、支持背景半透明(ie6下得用濾鏡)
是網上接受的最新圖像文件格式。png能夠提供長度比gif小30％的無損壓縮圖像文件。它同時提供 24位和48位真彩色圖像支持以及其他諸多技術性支持。

做些試驗…

圖像
格式	jpg	gif	png
大小	994字節	2.55kb	2.01kb
質量	不清楚	清楚	清楚

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

圖像
格式	jpg	gif	png
大小	1.29kb	273字節	438字節
質量	不清楚	清楚	清楚

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

圖像
格式	jpg	gif	png
大小	7.42kb	15.1kb	35.1kb
質量	還行	清楚	清楚

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

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