JPG、GIF、PNG、BMP這幾種影像...-blog.xuite.net－英文學習

●GIF圖形交換格式...目前唯一可以儲存動畫效果的存檔格式參考資料知識+

　　GIF(Graphics Interchange Format)是由CompuServe公司發展出來的網路圖形交換格式，適合儲存256色彩色或256色灰階影像，檔案的格式有GIF 87a(交錯顯示)及GIF 89a兩種規格，現在通用的是可以儲存透明背景(但不支援Alpha色版)及動畫效果的GIF 89a規格。GIF格式使用LZW技術縮減影像色彩至256色內並壓縮，以減少檔案大小，因為可以儲存的顏色少，所以不適合用於相片等全彩影像的儲存，只適合作為簡單圖形如卡通人物的存檔格式。

交錯顯示(Interlacing)：網頁圖形的顯示一般是由上而下一條線一條線地依序顯示，直到圖形資料下載完後，才能看到完整的圖形；而交錯顯示則是以相隔八條線的方式跳著顯示，所以圖形的出現有如打開百葉窗一般(有些瀏覽器處理的方式可能不同)，可以讓瀏覽者在圖形未完全出現前，先對圖案有個概念，不過製作GIF動畫時，可能就不適合使用交錯顯示，會有鬼影殘留的現象。

●JPG靜態影像壓縮格式...超強的檔案塑身減肥格式

　　JPEG(Joint Photographic Experts Group )圖檔，又稱JPG檔，是由CCITT&ISO的一群專業人員，於1987年正式推出的一種工業壓縮標準，適用於儲存24位元全彩影像及縮小檔案大小，但不支援透明或動畫。JPEG格式運用壓縮運算法則可以將影像資料壓縮成數十分之一的大小，但壓縮比愈高時影像的資料耗損程度會愈大，影像也會愈失真(為達到高度壓縮，部份資料會被忽略)。多數的影像編輯軟體可以調整JPEG的壓縮比值，一般壓縮比10左右比較無法分辨出與原先的差別。雖然JPEG檔好用，但因是破壞性壓縮，所以不宜使用已耗損的JPEG影像一再修改壓縮，以免影像的品質會愈來愈差。

　　JPEG格式又可分為標準JPEG、漸進式JPEG及JPEG2000三種格式。

1. 標準JPEG格式：此類型圖檔在網頁下載時只能由上而下依序顯示圖片，直到圖片資料全部下載完畢，才能看到全貌。

2. 漸進式JPEG格式：漸進式JPG為標準JPG的改良格式，可以在網頁下載時，先呈現出圖片的粗略外觀後，再慢慢地呈現出完整的內容(就像GIF格式的交錯顯示)，而且存成漸進式JPG格式的檔案比存成標準JPG格式的檔案要來得小，所以如果要在網頁上使用圖片，可以多用這種格式。

3. JPEG2000格式：新一代的影像壓縮法，壓縮品質更好，並可改善無線傳輸時，常因訊號不穩造成馬賽克及位置錯亂的情況，改善傳輸的品質。此外，以往瀏覽線上地圖時總要花許多時間等待全圖下載，JPEG2000格式具有Random Access的特性，可讓瀏覽者先從伺服器下載10%的圖檔資料，在模糊的全圖中找到需要的部分後，再重新下載這部分資料即可，如此一來可以大幅縮短瀏覽地圖的時間。

●PNG可攜式網路圖像格式...潛力佳，但目前支援環境未健全

　　PNG(Portable Network Graphics)格式與同是網路上流通的影像格式JPEG及GIF相較，有諸多優秀的特性：PNG壓縮影像不失真，可儲存 48 位元的彩色影像，比JPEG的24位元高，像素(pixel)色彩也可有256種不同的透明度選擇，可讓圖像在任何背景上，看不到接縫，改善了GIF格式像素色彩只能有透明或不透明兩種選擇，及GIF檔描邊不佳的問題(GIF檔通常需要針對每種背景顏色採用不同的反毛邊修飾)。此外，PNG格式跨平台的影像亮度控制，可讓影像在不同的作業系統(Windows, Mac, linux)上顯示出相同的效果，不像GIF檔在不同的作業系統上顯示出的畫面會跟著不一樣，所以PNG格式格外適合在網路環境流通。

　　雖然PNG格式幾乎支援了 GIF 與 JPEG格式的所有功能，但是仍有缺點，缺點則是不能儲存多張影像資訊，所以不能像GIF一樣作為動畫檔的儲存格式，另外，因為PNG使用的是非破壞性的壓縮，所以PNG檔通常比JPEG檔大。除了這兩項缺點，目前PNG格式面臨的最大問題是，目前的瀏覽器雖然基本上都支援此格式，但卻不一定支援它所有的功能，例如IE6.0就無法顯示出PNG檔背景透明的效果，所以PNG格式雖然優異，但是支援的環境仍待加強。

●BMP點陣格式...顏色越多越逼真

　　BMP(Windows Bit Map)是標準的Windows影像格式。電腦作業系統都會有主要的影像格式，蘋果麥金塔常用PICT格式，微軟Windows則是使用BMP格式，BMP檔已有支援24位元全彩的能力，可以用於桌面或螢幕保護程式，在多數的Windows軟體中使用，是很好的原始影像檔，不過解析度不夠高時，影像一放大就會出現馬賽克效果。一般的螢幕抓圖大多是儲存成BMP格式，此格式的缺點就是沒有壓縮功能導致檔案太大，和不支援透明色彩。

JPG與GIF等圖檔格式有何差別
GIF和JPEG是現今網頁設計上，兩大通用的圖檔格式。所謂的GIF就是指Graphics Interchange Format (圖片交替版面)，是特別為網路使用來研發的一種圖檔規格；而JPEG就是Joint Photographic Experts Group(共有的照片輸出群)，是為了壓縮數位照片而研發的一種圖檔規格。
GIF圖檔格式是使用Lempel-Ziw and Welch (簡稱LZW壓縮演算法)，由美國CompuServe公司所制定。這種壓縮法最適合用在大的2D平面圖、或是3D立體、或是動畫圖；然而GIF被限制在最小8種色階和最大256種色階而已，無法使用全彩色階。
GIF圖檔格式被廣泛運用之處，如下：
組合式(Interlacing)- 組合式圖形基本上需要在低階色彩的模式下被執行，如果一的大型的圖檔不被切割成數個小塊狀，再傳送的話，那麼瀏覽者必需花很長的時間，等待瀏覽器把整個大圖檔傳送接收完畢之後，才能看得到整個圖形。所以許多網頁設計者，在需要放置大型圖檔時，又需考量傳送速度與時間，因此常使用切割圖形成小塊狀，方便伺服器快速傳送與瀏覽器快速接收，瀏覽者就不必等待很久才能看到畫面，瀏覽器在接收到所有圖型片塊之後會自動組合起來，所以網頁設計者在切割時，需小心計算切割的度量衡，才不會造成組合不起來。
透明化(Transparency)- 製作透明背景圖，必須選擇單一背景顏色來製作透明效果；同樣的，製作遮罩濛濛瀧的感覺時，也是需要選用單一色彩來製作遮罩效果。所以只有在低色階的情況下，才可以選擇某單一顏色，大部份的瀏覽器都會支援透明效果的圖，若無支援的話，瀏覽器便會顯示無透明效果的原始圖形。
動畫(Animation)- 動畫製作就是把數個2D平面圖，連結成單一圖檔，一執行此圖檔時，畫面便會不停地一個平面圖接著一個平面先後出現，就這樣形成了動畫。Netscape 2.0版是首先支援動畫的瀏覽器，接著MSIE 3.0版便跟進了。

JPEG(或稱為JPG)是以一種lossy compressioon失真的壓縮演算法，所製成的圖檔格式；也就是說這種壓縮法壓縮的效果特別顯著，會失去許多原有的檔案。所以，JPEG可以把圖檔壓得特別小，壓縮率相當驚人；相對的，每個原始圖只能壓縮一次，否則圖形會失真的更離譜。還有，JPG不支援256色階或低階色彩，只能在全彩情況下執行。所以，即使JPG壓縮率很高，但其圖檔依舊比GIF的低色階圖檔來得大很多。在internet上傳送，仍然會傳很久，所以，這種圖檔格式較適合在要求高品質的圖形，或是頻寬較大的情況下。
然而JPG圖檔格式卻也有著三種屬性：
基本壓縮：以最基礎的方式來壓縮JPG檔案，相容性最高，同時網頁的呈現將以逐行掃瞄方式將圖檔呈現出來(有時候發現圖檔顯示不完整缺少下半部，就是採用此壓縮方式)，在本平台上為最佳的壓縮方式。
基本壓縮（最佳化)：基礎的方式來壓縮並包含Huffman編碼演算法，如同zip的演算方式，將JPG圖檔壓縮到最高的壓縮比較容易攜帶但需要注意的是，可能造成網頁呈現上的問題。
漸進式：漸進式的壓縮方式的呈現，主要是以多次掃瞄的方式呈現影像的，所以影像會先模糊，然後逐漸清晰。
Netscape 2.0 版首先支援JPEG圖檔，稱之為Progressive JPEG(漸進式JPEG圖檔模式)。

PNG(Portable Network Graphics)，是由Thomas Boutell所研發的圖檔格式，結合了GIF與JPEG圖檔的優點，主要特色是：它是一種可以攜帶式(portable)、合法公開使用(legally unencumbered)、壓縮不失真(well-compressed)、阿法線性等量(alpha channels)的點陣圖檔(bitmapped image files)。在1996年十月，W3C公開發表PNG為另一種網路圖檔格式。
PNG與GIF特色雷同之處，有：
必須在256種色階下執行操作。
接力式(streamability) - 圖檔可以連續地讀寫。
漸進式顯示(progressive display) - 由於是低色階圖，所以在網路上，可以採漸進式，快速地傳送，接收時也會快速地由模糊圖顯現為清楚的圖檔。
透明效果(transparency) - 可以作透明效果，還可以作非方形的透明效果圖。
輔助效果(ancillary information) - 可以加入一些特殊繪圖效果或資料於PNG圖檔。
需有其獨立的硬體與工作平台。高效率且100%壓縮不失真。
PNG創新獨有的特色(GIF所沒有的特色)，有：

使用全彩模式時，可以高至每pixel 有48 bits (圖可以解析得更細緻)。使用灰階圖模式時，可以高至每pixel有16 bits (解析度較好)。
可以完全阿法線性等量(fully alpha channel) - 通常用在透明遮罩用途上。
自動調整合適的圖形亮度/對比，顯示最佳效果。
具可靠性，會自動直接偵測圖形傳送時所造成的的常見的檔案訛誤。
網路上，更快速的漸進式傳送顯示圖檔模式。
http://faq.tomeet.net/front/bin/ptdetail.phtml?Part=Q1.0.7&Rcg=20034

延伸閱讀影像圖檔的分別

';$(".articleExtAd").append(notVIP);setTimeout(function() {$('.top-toolbar').data('top-toolbar').setAD({title: "JPG\u3001GIF\u3001PNG\u3001BMP\u9019\u5e7e\u7a2e\u5f71\u50cf\u683c\u5f0f\u6709\u4ec0\u9ebc\u4e0d\u540c\u5462\uff1f",label_id: 164,label_name: "\u8edf\u9ad4\u60c5\u5831"});}, 2000);

/ Xuite日誌 / 回應(0) / 引用(0)

沒有上一則|日誌首頁|沒有下一則

回應