DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> Fireworks優化網頁圖像詳解(3)
Fireworks優化網頁圖像詳解(3)
編輯:Fireworks基礎     

  三、優化JPEG圖像

  JPEG格式的優化設置面板如圖7所示,用戶可以設置如圖參數。

圖7 JPEG的微調優化參數面板

  1. JPEG的選擇壓縮


  在Fireworks MX 2004中保留了JPEG的選擇壓縮功能,它可以對圖像的不同區域選擇不同的壓縮比率,從而達到更加個性化的圖像導出效果。例如,圖像重要部分可以高級別壓縮,非重要部分(如背景)可以低級別壓縮,以便能在保證重點區域質量的前提下減小文件的尺寸。

  (1)壓縮JPEG圖像的選定區域

  具體步驟如下:

  · 在圖像上使用選擇區域工具畫一個選區。

  · 選擇菜單“Modify>>Selective JPEG>>Save Selection as JPEG Mask”,將選取保存為JPEG蒙版。

  · 在優化面版中將輸出格式設置為JPEG。



  · 單擊優化面板中選擇性品質右側按鈕,打開圖8所示的可選JPEG設置對話框。

圖8選擇性JPEG壓縮


  · 選中“Enable selective quality”復選框,並在文本框中鍵入選擇區域所要設定的壓縮比率。

  · 選擇“Overlay color”(該顏色只用於預覽,不用於輸出)

  · 選中“Preserve text quality”復選框,表示所有文本將自動以高級別輸出,而忽略具體的選擇性壓縮數值。

  · 選中“Preserve button quality”復選框,表示所有按鈕符號將被自動以高級別輸出。

  · 單擊“OK”按鈕就可以在預覽窗口看到效果了。

  (2)修改選擇JPEG壓縮的區域

  具體步驟如下:

  · 選擇菜單“Modify>>Selective JPEG>>Restore JPEG Mask as Selection”,將會出現一個選區。

  · 用選擇區域工具或其他工具對選區進行修改。

  · 再選擇菜單“Modify>>Selective JPEG>>Save Selection as JPEG Mask”。

  · 要取消JPEG選擇壓縮可以選擇 “Modify>>Selective JPEG>>Remove JPEG Mask”。

  2. 設置反鋸齒顏色

  同樣,對於JPEG格式而言,用戶仍可利用色版按鈕設置反鋸齒顏色。通過調整品質的數值,可調整JPEG圖像的質量。該數值越大,圖片質量越好,但圖像尺寸也就越大。


  3. 模糊邊界

  通過設置優化面板中的平滑值,可控制JPEG算法對尖銳的顏色 邊界做模糊處理,從而減小文件尺寸。由於這樣的邊界在JPEG算法中不能實現很好的壓縮,所以,較大的“Smooth”參數值通常會減小導出圖像文件的大小。一般情況該數值為3,既可減小文件尺寸也能保證圖像的質量。在Fireworks MX 2004中,還有兩種JPEG優化參數,是在優化面板的彈出菜單中設置的,它們是“Progressive JPEG”和“Sharpen JPEG邊緣”。使用方法是單擊優化面板右上角的按鈕,會彈出一個下拉菜單,在彈出的菜單中選擇相應參數,如圖9所示。

  若選擇“Progressive JPEG”參數,則該圖像在浏覽器中顯示效果將隨著圖像下載進程的遞增由模糊漸變為清晰,有點類似交錯式GIF。

  若選擇 “Sharpen JPEG Edges”參數,可更好地保留兩種顏色之間的邊界。因此,特別適用於輸出帶文本的文檔。

圖9 另外兩個JPEG優化選項

  注意:對於PNG24和PNG32格式而言,用戶只能設置反鋸齒顏色。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved