網路圖形格式簡介

近來做東西遇到了困難，影像的格式，最佳化等，不想把影像做成swf，比較鬱悶，還在做實驗。 下面是網上的一篇常用格式簡介的文章，但並沒有涉及到內部的一些技術。[@more@]我們知道不同的製圖工具支援不同的圖形格式，比如PHOTOSHOP預設的是PSD格式，CORELDRAW預設的是CDR格式，ILLUSTRATOR預設的是夭量的AI格式，FIRWORKS中預設是它專有的PNG格式。還有我們常見的BMP格式等等。 但適合在網上傳播的主要有三種：GIF JPG PNG。下面分別介紹下它們的異同。（本部分內容收集整理自網上） 一。GIF： GIF(Graphic Interchange Format圖形互換格式)是為跨平臺消費市場開發的，當時消費者還沒有機會使用“高檔”的圖形卡，大多數計算機的圖形顏色比256色還少，所以256色被作為可顯示的最高數目。GIF也是Internet上使用最早、應用最廣泛的影像格式。這種格式是由CompuServe公司設計的，分為87a及89a兩種版本，儲存格式由1位到8位。GIF使用的是無失真壓縮的方法，準確地說，GIF減少了影像調色盤中的色彩數量，從而在儲存時達到減小影像檔案大小 的目的。它的特點主要是： 1、由於8位儲存格式的限制，使其不能儲存超過256色的影像。但256種顏色已經較能滿足Internet上的主頁圖形需要。特別是由點線或色塊組合而成的色彩較少的圖形。磁碟空間佔用較少。 2、支援透明顏色效果：這點很重要，為了讓圖形適合不同的背景或其它原因往往要求圖片的背景透明。可以在製作圖片時讓其背景透明，輸出時選透明選項。 3、GIF89a格式支援動畫效果：這是其它兩種格式無法做到的。現在只有SWF的動畫可能與之抗衡。（關於SWF不在此文議論之例） 4、支援交錯效果 ：交錯即影像下載時從模糊逐漸到清晰的過程。GIF允許影像進行交錯處理，此時不再嚴格地從上到下、一行畫素一行畫素地顯示，而且每隔八行處理一次，然後再填補其間的空隙直到清晰為止。下載過程好比是一幅粗線條的素描變成色彩分明的影像，交錯後的GIF檔案容量並不變化。這種效果處理主要用於處理一些尺寸比較大的影像。 二。JPG 由Joint Photographic Experts Group提出並因此而得名，全稱是聯合圖象專家組檔案交換格式。是在Internet上被廣泛支援的影像格式。它的特點： 1、壓縮演算法是有失真壓縮，會造成影像畫面失真。 由於人類眼睛並不能看出儲存在一個全影像檔案中的全部資訊，可以去掉影像中的某些細節，並對影像中某些相同的色彩進行壓縮。JPG是一種以損失質量為代價的壓縮方式，壓縮比越高，影像質量損失越大。但其壓縮技術十分先進，對影像質量影響不大，因此可以用最少的磁碟空間得到較好的影像質量。 2、JPG支援16M色彩也就是通常所說的24位顏色或真彩色，使圖象保持真彩。其典型的壓縮比為4:1 。適用於一些色彩比較豐富的照片以及24點陣圖像。 3、不支援任何透明方式。 兩者在使用選擇時，注意以下問題： 1、GIF和JPEG雖然能使影像檔案變小，但是對影像的質量均有一定的影響，因此我們在處理影像GIF和JPEG格式之前最好先把影像原件備份。同時JPEG是一種積累壓縮的方法，所以我們應儘可能地從原圖一次壓縮，而不要對已經壓縮過的影像再進行壓縮。 　　 2、在GIF和JPEG之間進行選擇時，要記住你的目標是在質量可以接受的情況下使影像的容量變為最小，通常是單調的顏色表示你能夠大幅度減少顏色的數目，也就是說可以考慮使用GIF壓縮。一條用黑與白繪製的線，最適合使用GIF，因為總的顏色數目可以減少。用JPEG處理照片（包括繪畫的照片）比較合適，因為它們的陰影與色彩中包含有許多緩和的變化。高對比的“藝術”照片則例外，因為他們裡面有單調區域，所以適合用GIF處理。 三.PNG格式簡介： PNG 全稱：為“Portable Network Graphics （移植的網路圖象檔案格式 ）”。 優點： 1) 壓縮比率高，並且是無失真壓縮，適合在網路中傳播； 2) 具有8位、24位和32位三中色彩深度； 3) 支援Alpha通道透明（ 32位）和色彩索引透明（ 8位）； 缺點： 1) 沒有動畫功能； 2)瀏覽器支援不理想，只有最新的主流瀏覽器才支援；目前最新的版本是於1996年10月W3C組織制定的。 適用於色彩豐富複雜，圖象畫面要求高的情況，比如作品展示等。PNG是一種新興的網路圖形格式，結合了GIF和JPEG的優點，具有存貯形式豐富的特點。PNG最大色深為48bit，採用無失真壓縮方案儲存。著名的Macromedia公司的Fireworks的預設格式就是PNG 下面來具體說說： 影像壓縮方面 ： 在影像處理中,點陣圖影像的壓縮分為無失真壓縮和有失真壓縮兩大類.前者的代表有GIF和TIFF,後者以JPEG為代表.PNG屬於無失真壓縮一類,因而,最後儲存下來的影像,其大小會因為壓縮而減小,但影像的質量卻不會因為壓縮而缺損.這與用犧牲一定影像質量為代價來減小檔案大小的JPEG有失真壓縮方式有根本的區別. 這裡順帶提議下,最新的JPEG 2000格式也提供的無失真壓縮模式,但我們做了比較後看到,儘管在一些照片的壓縮上,JPEG 2000生成的影像比PNG小10%左右,但對於一些藝術處理過的影像,JPEG 2000生成的影像大小是PNG的三倍多. 色彩豐富程度： 不同於GIF受到最大256色調色盤的限制無法得到豐富的色彩和JPEG受到灰階,真彩色的限制,PNG支援上述的所有色彩型別,更可以提供64位/畫素的高品質影像形式.所以,在色彩選擇上有更大的適用性. 製作透明影像： PNG支援alpha透明屬性.這使得PNG不同於GIF的對於某一色彩或者不透明或者全透明,不能夠自由選擇透明的色彩區域,它能提供創作者指定透明色和透明區域的選擇性透明.而另一個網路影像格式JPEG則無法實現影像的透明. 平臺適用性： 目前的電腦使用的平臺大部分為PC和MAC.而這兩個平臺在色彩顯示上是有區別的,因而,影像很容易在平臺間形成差別----例如,在PC上顯得太暗而在MAC上顯得太亮.PNG允許了計算機自動使用gamma色彩修正來修正影像的顯示,這樣在不同的平臺,可以根據應用程式的需要顯示出適合的影像,這為跨平臺的網頁影像提供了較好的解決方案. 遠端協作： PNG保留了影像的層屬性,因而可以很方便的進行網路遠端協作維護.相比較GIF,JPEG,兩者對以釋出的影像二次修改和遠端修改非常困難,例如修改要修改其中的文字,必須找到影像原始檔.而使用PNG,只要用編輯器開啟當前的影像後,就可以很方便的進行修改了 . 應用----關於網路應用 在當前的網路環境中使用PNG影像是否安全?也就是使用者會不會因為瀏覽器的型號和版本問題而看不見影像,只能看見令人討厭的錯誤影像圖示?答案是----只要使用者使用的不是老掉牙的IE 3.0版本以前的瀏覽器(或同性質其他瀏覽器),那麼他都可以看見PNG影像.而目前的瀏覽器普遍已經在IE 4.0(或同性質其他瀏覽器)以上,所以,除非是特別苛刻的人,否則,完全可以放心的使用PNG影像. 這也意味著,現在的網頁設計者完全可以綜合的使用PNG,GIF和JPEG,充分的發揮每種影像的優勢來創作自己的頁面. 關於瀏覽器,我們還需要做一些不太重要的補充說明. 儘管前面已經介紹了PNG的很多好處,可是,一些瀏覽器(特別是非主流型)在關於PNG的一些高階應用支援上仍然有一定的不足.例如,指定alpha透明色在某些瀏覽器上都被忽略為與GIF的透明所等同,所以在一些瀏覽器上我們仍然只能看見對某一色彩的全透明,而不是PNG的指定alpha透明色.這不能不說是遺憾. 使用IE 5.0和Navigator 5.0等高版本的瀏覽器則完全沒有這方面的顧慮. 未來----二重性的未來 說到PNG的未來,是一個充滿希望而又沉重的話題.我們都知道網路影像中(不包括swf)GIF除了製作靜態影像以外還可以製作動態影像,這是目前點陣圖裡唯一能實現此功能的格式.而對於PNG,現在雖然還做不到這點,但目前已經有相關的開發針對這方面的功能,這就是新的標準----MNG(Multiple-image network graphics)多重影像網路影像格式.因而這是一個充滿希望的發展方向. 另一方面,我們又很沉重的看到,今天的網路影像都面臨了目前已經形成工業標準,並具有初步開發和應用的SVG格式的挑戰.相對於採用向量格式和XML語言架構的未來網路影像標準格式----SVG而言,PNG和GIF,JPEG作為點陣圖影像,都受到了自身的某些限制. 總之，三種格式各有所長。為了給你的頁面減肥，你要學習引數的選擇和圖形格式的正確選擇。