??設計師在選擇圖片格式時需要權衡網站建設方案書、網頁設計圖片格式、網站設計標準、網站設計溝通、網站策劃設計等方面的要求,得出最適合企業網站頁面的設計效果。
??GIF、JPEG、PNG三種圖像格式的介紹:
??GIF格式介紹
??GIF圖像的擴展名是.gif,現在所有的圖形瀏覽器都支持GIF格式。GIF是一種索引顏色格式,在顏色數很少的情況下,產生的文件極小,其優點是GIF格式支持背景透明、動畫、圖形漸進和無損壓縮。GIF格式的缺點是只有256種顏色,這對于高質量的圖片是顯然不夠的。
??JPEG格式介紹
??JPEG圖像的擴展名是.jpeg/.jpg,格式的圖像應用最為廣泛,我們常有的電子設備一般會把圖像格式存儲為JPEG格式。JPG的優點是能支持上百萬種顏色,使用更有效的有損壓縮算法,使得文件長度更小,下載時間更短。壓縮比相當高,專門的JPG壓縮工具可達180:1,而且圖像質量從瀏覽角度來講質量受損不會太大。一般不適合打印。
??PNG格式介紹
??PNG圖像的擴展名是.png,壓縮比高,生成文件體積小,一般應用于JAVA程序、網頁或S60程序中。用于存儲灰度圖像,灰度圖像的深度可多到16位,用于存儲彩色圖像時,彩色圖像的深度可多到48位,并且還可存儲多到16位的α通道數據。PNG文件格式保留了GIF文件格式流式讀/寫性能、逐次逼近顯示、透明性和輔助信息特性。
??這三種格式各有優缺點,其中PNG優點多多。雖然普及得還很一般,但是其特殊的優越性已經讓我們對其產生非常大的興趣。至少我現在很喜歡這種格式。當然了對于制作頁面的制作人員來說,頁面總體積的大小那就是競爭力。所以我們還是必需要注意這三種格式的混合使用。那以什么時候用GIF什么時候用PNG什么時候用JPG呢?我們下面一一來分析。
??不同圖像格式的實際應用案例:
??1、GIF格式
??GIF格式雖然只有256種色彩,但是對于一些小圖標、平鋪背景或色彩的豐富的圖標等色彩比較少的小型圖片。在圖像透明度方面GIF只支持絕對的透明,不支持半透明。
??2、JPG格式
??對于圖像細節要求不嚴格的圖片,存儲時的品質選擇100%無壓縮。
??2、PNG格式
??PNG是介于GIF與高品質JPG之間的一種選擇,如果是簡純的小圖標,PNG會比GIF大這么一點,但是品質上是差不多的。技持全透明圖像。