當前位置:開發者網絡 >> 技術教程 >> 網站運營 >> 搜索引擎推廣 >> 內容
精彩推薦
分類最新教程
分類熱點教程
    
對Gif圖形的優化(上)
作者:未知
日期:2005-04-29
人氣:
投稿:(轉貼)
來源:未知
字體:
收藏:加入瀏覽器收藏
以下正文:
圖形是網絡的一個主要組成部分,如果網頁中沒有圖形,就會變得十分呆板和乏味;不過,我經常發現有些站點由於圖形太大,該網站的打開速度相當緩慢。有許多訪問者不耐煩等這麼長時間,往往會掉頭離開。
  經過優化的圖形是一個站點設計良好的標誌,而且它們第一個反映了網站開發人員的技術水平。接下來我們就對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圖形的外觀影響並不是很大。
下面我們給出控制色彩度的若干例子,注意每個圖形的大小都不同。

相關文章: