close

前言
在網頁上經常使用到的圖檔格式,不外乎就是這三種︰JPG、GIF、PNG。那麼這三種格式其特性為何?在什麼樣的情況下該選擇何種檔案格式呢?現在就讓我們來看看吧!

GIF圖形交換格式
GIF(Graphics Interchange Format)是由CompuServe公司發展出來的網路圖形交換格式,此格式使用LZW技術縮減影像色彩至256色內並壓縮,透過減色的方式來減少檔案大小。由於只有256色,所以不適合全彩照片、漸層豐富的檔案儲存此格式,會造成圖片的失真。不過相對來說此格式的檔案大小就小的多,適用於色彩簡單的的圖片檔案放置於網頁上。另外在GIF 89a規格中可以儲存透明背景及動畫效果,這也是其特色之一。

JPG靜態影像壓縮格式
JPEG(Joint Photographic Experts Group )圖檔,又稱JPG檔,是由CCITT&ISO的一群專業人員,於1987年正式推出的一種工業壓縮標準,適用於儲存24位元全彩影像,但不支援透明或動畫。此檔案格式透過壓縮運算法將圖案的大小壓縮,目前市面上很多美工軟體在儲存此格式時可以設定壓縮的比例,比例越高相對的檔案的容量就越小,但相對的圖案失真的程度就越嚴重。此外JPG適合處理照片壓縮 ,文字一經壓縮容易會糊掉,這也是必須注意的地方。

PNG可攜式網路圖像格式
PNG(Portable Network Graphics)格式與同是網路上流通的影像格式JPEG及GIF相較,有諸多優秀的特性:PNG壓縮影像不失真,可儲存 48 位元的彩色影像,比JPG的24位元高,像素色彩也可有256種不同的透明度選擇,可讓圖像在任何背景上,看不到接縫,改善了GIF格式像素色彩只能有透明或不透明兩種選擇,及GIF檔描邊不佳的問題(GIF檔通常需要針對每種背景顏色採用不同的反毛邊修飾)。不過相對來說因為PNG使用的是非破壞性的壓縮方式,相對GIF或是JPG來說檔案大小上就比較大。

總結
通常在考慮網頁上要使用的圖檔格式時,一般都會希望︰

1.檔案不要太大否則會影響網頁顯示的速度
2.圖片不要過度失真影響網站整體設計
3.希望做出簡單的圖片動畫效果

簡單介紹這三種常見的網頁圖檔格式給大家,如果你是一個網頁設計師,除了設計賞心悅目的頁面以外,圖案檔案的格式選擇也是一個很重要的課題。不妨參考看看!

參考網址
http://atedev.wordpress.com/2007/01/01/%E9%97%9C%E6%96%BCjpg%E2%80%A7gif%E2%80%A7%E4%BB%A5%E5%8F%8Apng/

arrow
arrow
    全站熱搜

    山村有祐 發表在 痞客邦 留言(5) 人氣()