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圖檔有較大的存取記憶量。
|

GIF 圖檔適合作圖案 |
|
 |
|
|
|
JPEG圖檔適合作圖片 |
256色GIF圖檔
GIF是專門為網頁設計的一種圖檔類型,是由 CompuServe在 1980年代發明的。它能有效地壓縮圖像、圖案、照片。GIF的壓縮流程稱為 LZW,LZW
的專利是由一家 Unisys 公司擁有的,Netscape、Photoshop 等軟件程式利用到 GIF圖檔程式時,需要向這家公司繳付牌照費。我們
(網頁設計師) 則無須繳付任何費用。大部分瀏覽器都能顯示 GIF圖像的,GIF亦可製作不同的效果如動畫 (animation), 透明
(transparency), 及 (interlacing)。
 |
 |
 |
 |
8-bit GIF 41.9kb |
7-bit GIF 33.9kb |
6 bit GIF 26.7kb |
5bit GIF 21.5kb |
 |
 |
 |
|
4-bit GIF 15.0kb |
3-bit GIF 11.8Kb |
2-bit GIF 8.5kb |
1-bit GIF 7.1kb |
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位元透明性,限制了圖像的透明效果。
|