圖形是網絡的一個主要組成部分,如果網頁中沒有圖形,就會變得十分呆板和乏味;不過,我經常發現有些站點由於圖形太大,該網站的打開速度相當緩慢。有許多訪問者不耐煩等這麼長時間,往往會掉頭離開。 經過優化的圖形是一個站點設計良好的標誌,而且它們第一個反映了網站開發人員的技術水平。接下來我們就對GIF文件格式做深入的解析,及如何對網站中的GIF文件進行優化。
我們從下面這兩個簡單的問題開始:
什麼是圖形的優化? 所謂圖形的優化是指將圖像文件的大小降到最低,同時對圖形的外觀又不會有(太大)改變的這樣一個處理。
為什麼需要對網絡圖形進行優化? 在網絡上文件越小,下載速度越快,網站的內容就能夠越快地呈現在用戶眼前。
GIF-相關基礎理論 GIF是圖形交換格式(Graphics Interchange Format)的英文縮寫,是由CompuServe公司於80年代推出的一種高壓縮比的彩色圖像文件格式。GIF採用無損數據壓縮方法中壓縮效率較高的LZW(Lempel-Ziv & Welch)算法,針對的是8位顏色圖形。GIF是唯一為所有圖形瀏覽器所支持的圖形格式。
LZW算法為圖形構造了一個色彩表,圖形中的每個顏色都對應一個象素。因而包含大面積同一色塊的圖形,其壓縮效果十分理想。相對於其它格式而言,GIF更適用於線圖和企業標識。
同樣,LZW算法計算的是水平方向上變化的象素數。因而包含水平顏色變化的圖形要比豎直顏色變化的圖形大。
GIF壓縮算法是無損數據壓縮方法,即在原始圖形轉化為GIF格式的過程中,並沒有信息被丟失。(注意:如果你的原始圖形中包含了比256色還要多的顏色,那麼就會丟失一些信息。不過一旦轉換為GIF格式後,就不會再有信息丟失的問題。)。
GIF圖形的優化: 一個GIG圖形的大小主要取決於: 1). 圖形的外形高度(寬度和高度); 2). 圖形所包含的顏色數量; 3). 圖形的複雜程度;
1). 圖形的外形高度(寬度和高度) 標準的圖形編輯程序中都提供有一個「Crop」裁切工具,它可用於對圖形進行裁切,去掉圖形中不想要的部分。Crop工具的使用相當簡單。 a) 對Paint Shop Pro,點擊Crop工具按鈕 ,左鍵選取圖形,拖動鼠標進行選取即可。 b) 對Adobe Photo Shop,單擊Selection工具按鈕 ,左鍵選取圖形,拖動選取自己感興趣的區域,單擊Crop按鈕 或從工具條上單擊Image,在下拉菜單中選擇Crop即可。
2). 圖形所包含的顏色數量 GIF最多可包含256色。圖形包含的色數越多則圖形越大,下載所需時間也越長。在減少顏色深度時,顯然要權衡考慮圖形的外觀。不過一般說來,顏色深度的減少對GIF圖形的外觀影響並不是很大。 下面我們給出控制色彩度的若干例子,注意每個圖形的大小都不同。
|