網(wǎng)頁圖像的要求是在盡可能短的傳輸時間里,發(fā)布盡可能高質(zhì)量的圖像。因此在設(shè)計和處理網(wǎng)頁圖像時就要求圖像有盡可能高的清晰度與盡可能小的尺寸,從而使圖像的下載速度達到最快。為此,必須對圖像進行優(yōu)化。
在Fireworks 中,所有的優(yōu)化操作都可以利用“Optimize”面板在工作環(huán)境中直接進行,優(yōu)化設(shè)置僅用于輸出圖像。因此,用戶可以自由地對圖像進行優(yōu)化并調(diào)整其優(yōu)化設(shè)置,而不必擔(dān)心會損壞原圖。并且可以通過預(yù)覽不同的優(yōu)化結(jié)果,隨時根據(jù)需要對圖像進行修改。另一種簡便快捷的優(yōu)化方法是使用Fireworks的“Export Preview”對話框在圖像的導(dǎo)出時進行優(yōu)化。
設(shè)置好優(yōu)化輸出參數(shù)后,即可按照所做設(shè)置輸出相關(guān)文件了。此外為了能夠借助其他軟件(如Photoshop等)繼續(xù)處理文檔,用戶也可將文檔以選定其他格式(如PSD等)輸出。
了解了Fireworks優(yōu)化圖片的方法,在其他的圖像處理軟件中,大家也能輕松掌握圖像優(yōu)化的類似應(yīng)用。
一、圖像優(yōu)化步驟和方案選擇
(一)利用優(yōu)化面板設(shè)置圖像優(yōu)化的步驟
1. 打開一幅文件,并在圖像編輯窗口中打開Preview、2-up或4-up選項卡。
2. 在“Optimize”面板中選擇文件格式,如圖1所示,此時應(yīng)根據(jù)文件類型選擇不同的文件格式。例如,如果圖中重復(fù)顏色區(qū)域較多的話,則適于使用GIF格式,對于這種格式,可相應(yīng)地使用“Dither”(抖動)來補償因顏色減少而造成的圖像質(zhì)量下降。對于JPEG格式,可使用“Smooth”(平滑)來使圖像稍微模糊,從而減小圖像大小,一般照片使用 JPEG格式可能更好一些。

圖1 選擇文件格式

圖2 顏色設(shè)置
1. 選擇內(nèi)置優(yōu)化方案
在Optimize 頂部設(shè)置的Setting下拉列表中,用戶可選擇系統(tǒng)內(nèi)置的一些優(yōu)化類型。
Fireworks中提供了6種優(yōu)化方案,各優(yōu)化類型的意義如下:
? GIF Web216:將所有顏色都轉(zhuǎn)換為216種Web安全色。
? GIF WebSnap 256:將非Web安全色轉(zhuǎn)換為最接近的Web安全色,調(diào)色板最多包含256種顏色。
? GIF WebSnap 128:將非Web安全色轉(zhuǎn)換為最接近的Web安全色,調(diào)色板最多包含128種顏色。
? GIF Adaptive 256:此時調(diào)色板只包含圖形中使用的實際顏色,并且調(diào)色板最多包含256種顏色。
? JPEG-Better Quality :設(shè)置質(zhì)量為80、平滑度為0,此時圖像質(zhì)量較高,但文件尺寸也較大。
? JPEG-Smaller File :設(shè)置質(zhì)量為60、平滑度為2,此時文檔尺寸比JPEG- Better Quality減少一半,但同時質(zhì)量也將大幅度下降。
* 如果使用GIF或PNG格式,還應(yīng)設(shè)置圖像的透明顏色,F(xiàn)ireworks MX 2004共提供了三種透明模式供選擇:No Transparency (不透明模式),Index Transparency (索引色透明模式)和Alpha Transparency (Alpha透明模式),其中Alpha透明為通道透明色。透明效果在Firewoks MX 2004中以白色和灰色小方格相間的形式表示。如圖3所示.
圖3 設(shè)置透明色
在不透明模式中,圖像中未定義的地區(qū)以底色填充。
索引色模式指的是將調(diào)色板的某些顏色設(shè)置為透明色,圖像中所有這些顏色的像素點都被作為透明點導(dǎo)出。
注意:當圖像中本來有這種透明顏色的時候,有用的像素也被透明顯示。
要改變透明色的設(shè)置,最簡單的方法是使用優(yōu)化面板左下方三支吸管工具,其功能如下:
? 在預(yù)覽區(qū)單擊
? 在預(yù)覽區(qū)單擊
? 在預(yù)覽區(qū)單擊
2.用戶自定義優(yōu)化設(shè)置
如果用戶不滿足于以上6種內(nèi)置方案,可以利用Optimize面板中的各種優(yōu)化選項進行更精確的圖像設(shè)置。
? 在Optimize面板中的文件格式下拉列表框中選擇需要的文件格式。
? 設(shè)置相應(yīng)文件格式的具體化選項。
? 根據(jù)需要在優(yōu)化面板的快捷菜單中選擇其他的優(yōu)化設(shè)置。
3. 保存和刪除自定義優(yōu)化方案
Fireworks 提供了保存優(yōu)化方案的功能,允許用戶將自定義的方案保存以備以后使用。在保存時,會將以下優(yōu)化設(shè)置加以保存:
? Optimize面板中的各項選項設(shè)置。
? Color Table(顏色表)面板中的調(diào)色板。
? 用戶在幀面板中選擇的幀延遲設(shè)置。
用戶可將自定義的優(yōu)化方案保存為內(nèi)置的方案。完成優(yōu)化設(shè)置后,選中優(yōu)化面板下拉列表中的Save Settings,可以打開如圖所示的保存設(shè)置對話框,鍵入用戶自定義的設(shè)置名稱,單擊OK即可將自定義的優(yōu)化方案保存起來, 如圖 4 所示。

圖4 保存優(yōu)化設(shè)置對話框
如果不再需要某個優(yōu)化方案,可以在Optimize面板的優(yōu)化方案列表中選擇要刪除的方案,然后再面板的快捷菜單中選擇Delete Setting(刪除設(shè)置)命令即可將方案刪除。
二、優(yōu)化GIF和PNG圖像
1. 設(shè)置調(diào)色板、色度、抖動與色損
當選擇GIF與PNG8格式時,可選擇調(diào)色板,各調(diào)色板的特點如下:
? Adaptive:該調(diào)色板是從所有顏色中提取的系列色彩,是被使用最多的調(diào)色板,可以使用最少的顏色實現(xiàn)較好的效果。
? WebSnap Adaptive:是一種更高級的自適應(yīng)調(diào)色板,這種調(diào)色板既兼顧色彩的豐富性又考慮了瀏覽器的兼容性,建議用戶使用這個調(diào)色板。
? Web 216:通用于Windows與Macintosh平臺的216色調(diào)色板。由于它能在各種8位顯示平臺的瀏覽器中保持相當好的一致性,因此是最保險的網(wǎng)絡(luò)圖像調(diào)色板。
? Exact:包含圖像中使用的精確顏色。只有當圖像中的顏色小于256時,才可使用該調(diào)色板。當圖像所包含的顏色數(shù)超過256時,它自動轉(zhuǎn)換成“最適色彩”模式的調(diào)色板。
? Windows和Macintosh:使用由Windows系統(tǒng)或Macintosh平臺定義的標準256色。
? Grayscale :小于256灰度級的調(diào)色板,將把圖像轉(zhuǎn)換成灰度圖。
? Black & White:由黑、白顏色組成的雙色調(diào)色板。
? Uniform:基于RGB像素值的數(shù)學(xué)調(diào)色板。
? Custom:自定義調(diào)色板。其基本內(nèi)容可來自于標準調(diào)色板或GIF文件,用戶可在此基礎(chǔ)上對調(diào)色板進行修改。另外,當用戶改變過調(diào)色板的某種顏色后,原來的模式會變成“Custom”模式。
用戶還可利用顏色編輯框設(shè)置色深,利用抖動編輯框設(shè)置抖動。對于GIF格式,還可以利用失真編輯框設(shè)置色損。該數(shù)值越大,文件尺寸越小,但圖像質(zhì)量越差,如圖5所示。


圖5 GIF和PNG微調(diào)優(yōu)化參數(shù)面板
