|
GIF圖檔 .......GIF圖檔全稱為 Graphic Interchange Format,是由 CompuServe 發明的,為一種網頁圖檔類型,GIF類型的圖檔,可以在不同的平台上顯示出來,並且在網上互傳。GIF圖檔是一種壓縮圖檔,能將圖檔的存取記憶量減至最少,一個佔用 900K 的 TIFF圖檔,若以 GIF形式來儲存,只佔 5K 的記憶空間。 壓縮的圖檔 .......在網上傳送的速度較快,下載圖檔的時間亦較短。你可能會有以下的經驗,就是瀏覽網頁的時候,只看到網頁的文字,等了很久,圖像仍未能完全顯示出來,當你等得不耐煩,自然會跳到另一網頁瀏覽。用一般的壓縮方法,將圖像壓縮成 GIF圖檔,並不會影響圖像的質素。但是,在這章節裡,我們會教你如何自行設定壓縮的步驟,將圖檔盡量壓縮,這個做法有可能會影響圖像的色彩質素。GIF圖像用的是 indexed color,共有 256色,稱為八位元圖像。一幅圖像裡,用的顏色愈少,所佔的存取記憶量則愈少。因此,要壓縮圖檔,只須減少圖像的顏色即可。 GIF圖檔的優點 .......GIF圖檔有兩個類型,分別是1987年的87a及在1989年發明的89a。兩者最大的分別在於89a GIF圖檔能製作透明的效果,使圖像本身的背景變為透明,顯示在網頁的背景上。若沒有這個功能,網頁的圖像只能顯示在一個個白色的框框裡。另一個常用的圖檔類型為JPEG,JPEG則沒有像GIF圖檔的「透明」功能。GIF的另一個特點就是interlacing。Interlacing令圖像產生漸進的效果,一層層的續漸顯示出來。 為何選用GIF圖檔類型 .......一些簡單的圖像,尤其是單色或只由幾種顏色的圖案,標誌,圖像等等,可用 GIF圖檔類型來儲存。一些水彩畫,鉛筆、碳粉的素描,包含的色彩變化較多,較細緻,則可用 JPEG圖檔來存儲。當然,你可以簡單地將所有圖檔都儲存為 GIF檔,要壓縮一些照片圖檔,一般都會用到 JPEG的,JPEG圖檔既可壓縮圖檔,又可以更有效地保存圖像的質素。但是亦有例外,一些較小的照片,通常都會儲存為 GIF圖檔的。你可以自行嘗試那種圖檔能達至最佳效果。另外,一些 Anti-aliased 圖像,有圓滑的邊界 (如下圖所示),這類型的 GIF圖檔有較大的存取記憶量。
256色GIF圖檔 GIF是專門為網頁設計的一種圖檔類型,是由 CompuServe在 1980年代發明的。它能有效地壓縮圖像、圖案、照片。GIF的壓縮流程稱為 LZW,LZW 的專利是由一家 Unisys 公司擁有的,Netscape、Photoshop 等軟件程式利用到 GIF圖檔程式時,需要向這家公司繳付牌照費。我們 (網頁設計師) 則無須繳付任何費用。大部分瀏覽器都能顯示 GIF圖像的,GIF亦可製作不同的效果如動畫 (animation), 透明 (transparency), 及 (interlacing)。
GIF圖檔類型只可包含 256色,JPEG則可擁有上百萬色 (24位元的圖像)。GIF所有的是 indexed color,在製作 GIF圖檔之前,你需要對位元深度 (bit-depth)、調色版的管理 (palette management) 有基本的認識。GIF圖檔類型分兩種,GIF87a 及 GIF89a。兩者都支援 transparency及 interlacing,但只有 GIF89a 是可以用來製作動畫的。大部分的瀏覽器如 Netscape, Internet Explorer, Mosaic 等都支援 GIF圖檔。GIF圖檔的壓縮方法是不會將圖像的質素變差的。當然,將一幅 24位元的圖像轉化為 256色的圖像,效果當然會變差。 GIF較適合用於圖像、圖案上,例如一些簡單的標誌、插圖、圖表、標誌等。這些圖像都有一個特點,就是它們由幾種單色組成,沒有很複雜的色彩條紋。256色的圖像經壓縮後,不會有質素下降的出現,因為 GIF壓縮圖檔沒有經過選擇取捨,與 JPEG不同。 GIF圖檔是專為照片以外的圖像設計的檔案類型。但是,要製作動畫或透明效果時,有時亦需要將照片儲存為 GIF圖檔。GIF圖檔的位元深度為 8位元至 1位元。位元深度顯示該圖像包含了多少顏色,位元深度愈低,GIF檔案的存取記憶量 (檔案大小) 則愈低。 Color mapping 是指 GIF圖像在預設的調色版上選取顏色。在 Photoshop 裡,稱之為 adaptive palettes。它容許你就著圖像的內容製作最適合的調色版。圖像的質素是和它有多少顏色,即是它的位元深度直接有關的。只要你對色彩如何影響圖像的質素有較深入的了解,要製作高質素,而又能在短時間下載到網頁的圖像絕對不難。 Interlaced GIF圖像是指那些有漸進效果的圖像,圖像的輪廓首先在網頁上出現,然後再漸漸變得清晰,富有色彩。Interlacing 並不會影響圖檔的大小或下載的速度。理論上,interlacing 是可以讓閱覽網頁的觀眾先有一個概括的意念,知道你的圖像大概是什麼,然後決定是否等圖像完全下載完畢,再閱覽網頁,還是跳去另一網頁瀏覽。Interlacing 原意是可以節省時間的,但從觀眾的角度來看,要等圖像完全下載完畢才能閱讀有關資訊,是令人煩厭的。因此,interlacing是不太適合用作視訊的用途,即是讀者只可從那些下載須時的圖像裡,才知道你的網頁是關於什麼的,例如 imagemap 或 navigation icon 等。因此,是否選用 interlaced GIF圖檔就是視乎你的圖像是否輔助性質,還是網頁的主要部分。 透明的 GIF是用來製作一些不規則的圖像效果的。所有電腦的圖像都是四四方方,一塊塊的。一些圖檔類型,如 GIF,可以儲存圖像被掩蓋的部分,製作出不同形狀的效果,那些被掩蓋的部分就是透明的部分。透明性可分兩種,分別是 8位元透明性及一位元透明性。八位元的透明圖像有最佳的效果,但一般的瀏覽器都不支援八位元的透明圖像。只有 PSD、TGA、PICT 等圖檔類型是會用到八位元透明圖像的。八位元透明圖像又稱 alpha channel-based transparency。它支援 256種不同的透明色彩效果。GIF支援 1位元透明性,限制了圖像的透明效果。
|
|
GIF compression
GIF全稱為 Graphics Interchange
Format,是最常用的圖像檔案形式。GIF的始創者,CompuServe 成功地引進一個圖像檔案系統,適用於所有運作系統。 .......GIF圖檔適用於一些簡單的標誌和圖像,但對於一些細緻的圖像,尤其是一些多於
256色的圖檔,GIF compression method 是不足以應付的。JPEG file compression
可補其不足之處。最新發展的一種圖檔類型,PNG file,全稱為 Portable Network
Graphics,正漸漸取代原有的圖檔類型。Photoshop 4.0亦有支援 PNG圖檔的功能。
Interlacing and Transparency .......GIF圖檔被用作標準的網頁圖檔類型,是因為它有良好的 LZW algorithm。GIF圖檔亦可用 interlacing 的方法下載,加快網頁的傳送速度。GIF圖檔類型亦容許背景顏色變為透明,為網頁帶來更多視覺效果。
檔案的大小與質素 ........GIF圖檔的壓縮方法稱為 LZW compression techniques。LZW是用來形容重複的圖案及像素的。一幅 dithered 圖像,是由多個像素組合成最近似的顏色的。其質素是遠差於 nondithered 圖像。圖像裡的顏色愈少,壓縮後對圖像質素的影響則會愈少。 高質素的圖像,是由許多不同的色彩組成的。一幅低質素的八色圖像,放大來看,真是和一幅 256色的圖像有天壤之別。若以下圖作例,一位元的圖像只佔 18K 的記憶空間;而八位元的則佔 59K 的記憶空間。因此,一幅八位元的圖像需要多三倍的時間來下載。
|