close

●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 

延伸閱讀影像圖檔的分別

/ Xuite日誌 / 回應(0) / 引用(0)
沒有上一則|日誌首頁|沒有下一則
回應