FIREWORKS8標(biāo)準(zhǔn)實(shí)例教程教程 第九章 優(yōu)化與導(dǎo)出

第九章優(yōu)化與導(dǎo)出圖像

優(yōu)化圖像是指在保證圖像品質(zhì)滿足需要的前提下，最大限度地壓縮圖像的體積。由于網(wǎng)絡(luò)傳輸受帶寬的影響，因此，用于網(wǎng)絡(luò)上的圖像必須經(jīng)過優(yōu)化處理，這不僅有利于提高網(wǎng)絡(luò)數(shù)據(jù)的傳輸速度，而且從經(jīng)濟(jì)的角度講，也是非常有意義的。優(yōu)化圖像時，一般要考慮兩個方面的因素，即圖像的大小與顯示質(zhì)量。Fireworks8能夠讓用戶有效地控制圖像的優(yōu)化程度，合理地平衡圖像的大小與顯示質(zhì)量之間的關(guān)系。

9.1基本的優(yōu)化導(dǎo)出過程

Fireworks在圖像導(dǎo)出前先要對圖像進(jìn)行優(yōu)化，下面簡要介紹圖像優(yōu)化的基本過程。打開一幅需要優(yōu)化的圖像。單擊菜單命令【窗口】/【優(yōu)化】命令，打開〖優(yōu)化〗面板。如圖9-1所示。在優(yōu)化面板的【文件格式】下拉列表中選擇需要的文件格式。不同的文件格式，在優(yōu)化面板中的選項(xiàng)不同。設(shè)置需要的優(yōu)化選項(xiàng)。如【色版】、【顏色】、【抖動】、【透明度】等。單擊優(yōu)化面板右上角的三角形按鈕，打開面板菜單，再設(shè)置一些額外的選項(xiàng)。其中【優(yōu)化到指定大小】命令可以指定輸出文件的最大尺寸，其單位是K。用戶可以在〖優(yōu)化〗面板中選擇預(yù)設(shè)的優(yōu)化方案，使用優(yōu)化方案可以實(shí)現(xiàn)預(yù)期的優(yōu)化效果。此外，F(xiàn)ireworks具有保存優(yōu)化方案的功能，利用該功能用戶可以將自定義的優(yōu)化方案保存起來，在組圖中重復(fù)使用。單擊優(yōu)化面板右上角的面板選項(xiàng)按鈕，在選項(xiàng)菜單中選擇【保存設(shè)置】命令，并輸入預(yù)設(shè)名稱即可。利用預(yù)覽窗口顯示圖像優(yōu)化后的外觀。Fireworks對預(yù)設(shè)有實(shí)時性。當(dāng)設(shè)置好預(yù)設(shè)時，可以馬上預(yù)覽到優(yōu)化結(jié)果。單擊文檔窗口的【預(yù)覽】選項(xiàng)卡，可以預(yù)覽原始圖像。Fireworks還允許在多個預(yù)覽窗口中比較不同優(yōu)化設(shè)置下的圖像大小、下載速度和外觀，選擇【4幅】選項(xiàng)卡，將以四個窗格顯示圖像的預(yù)覽外觀。其中第一個窗格顯示原始圖像，其他三個窗格顯示優(yōu)化后的圖像。設(shè)置完畢，選擇【文件】/【導(dǎo)出】命令，或單擊工具欄中的【導(dǎo)出】工具按鈕，將文檔以指定的文件格式導(dǎo)出。9.2選擇圖像格式圖像優(yōu)化的第一步是根據(jù)圖像特點(diǎn)及使用要求，選擇一種合適的存儲格式。只有選擇了正確的文件格式，在最后導(dǎo)出時才可以起到事半功倍的效果。目前網(wǎng)絡(luò)上常用的圖像格式有JPEG、GIF和PNG三種。JPEG（JointPhotographicExportsGroup）：目前Web上廣泛使用的圖像格式。通過減少像素點(diǎn)的方法對圖像進(jìn)行有損壓縮，損失的像素主要集中在不易為人眼察覺的部分，因此人眼不容易分辨。JPEG壓縮的有損程度可以根據(jù)需要進(jìn)行調(diào)整，對于細(xì)節(jié)要求較高的圖像，采用損失較小的壓縮；而對于細(xì)節(jié)要求不高的圖像，可以采用損失較大的壓縮。JPEG格式支持24位真彩色，適合存儲色彩豐富、顏色連續(xù)變化的圖像，特別適合存儲照片。GIF（GraphicsInterchangeFormat）：目前Web中最常使用的圖像格式。使用LZW無損壓縮，保持原始圖像的所有信息。支持動畫格式和透明背景，可以在一個圖像文件中包含多幀圖像頁，實(shí)現(xiàn)動感的圖像效果；或制作看上去形狀不規(guī)則的圖像，獲得別致的藝術(shù)效果，使頁面變得很生動。GIF格式僅支持256色，不易存儲顏色豐富或有連續(xù)色彩變化的圖像，比較適合存儲那些包含大面積單色區(qū)域的圖像，或是包含顏色數(shù)目較少的圖像，例如卡通、徽標(biāo)、256色圖像等對顏色要求較低或有動畫效果、透明背景的圖片。PNG（PortableNetworkGraphic）：新興的圖像格式，在網(wǎng)絡(luò)上的使用也越來越多，同時也是Fireworks的默認(rèn)存儲格式。采用無損壓縮，同時支持真彩色、動畫效果和透明背景，而且圖像文件的大小同JPEG差別不大，兼?zhèn)淞薐PEG和GIF的絕大多數(shù)優(yōu)點(diǎn)。同時，PNG的壓縮算法避開了版權(quán)爭議的問題，是一種能夠“安全”使用的圖像。PNG圖像的格式非常靈活?？梢灾С侄喾N顏色數(shù)目，例如8位色（256色）、16位色（65536色）或24位色（16777216色）等，甚至還支持32位更高質(zhì)量的顏色。PNG還有一個更重要的特性，就是在不同的計算機(jī)平臺上PNG文件可以顯示得完全一致。目前只有較高版本的瀏覽器，如InternetExplorer4.0、NetscapeNavigator4.0及它們的更高版本瀏覽器，才支持PNG格式的圖像，但也不能支持所有的PNG特性。例如，PNG中的a通道，目前尚無瀏覽器支持，但相信隨著計算機(jī)硬件水平的提高，PNG格式的圖像將來會變?yōu)榫W(wǎng)絡(luò)圖像的標(biāo)準(zhǔn)，得到更廣泛的使用。9.2.2優(yōu)化GIF和PNG-8圖像GIF格式的圖形文件是目前Web中使用得最廣泛的一種圖形文件。用戶經(jīng)常需要將Fireworks中的PNG格式文件轉(zhuǎn)換為GIF格式導(dǎo)出到Web中使用。在導(dǎo)出之前，用戶可以使用〖優(yōu)化〗面板對導(dǎo)出后的GIF圖形進(jìn)行優(yōu)化設(shè)置。9.2.3優(yōu)化PNG圖像由于PNG24或PNG32包含了圖像所有顏色，因此不需再進(jìn)行壓縮設(shè)置。對這兩種PNG圖像進(jìn)行優(yōu)化時，只需要設(shè)置圖像的【色版】即可。9.3導(dǎo)出優(yōu)化圖像和動畫

在Fireworks中，完成了對圖像的繪制、編輯和應(yīng)用效果之后，若要將圖像應(yīng)用于Web中，需要將文檔導(dǎo)出為常見的Web圖像格式，如GIF格式或JPEG格式。導(dǎo)出的文檔也可以是PNG格式的圖像，但其與Fireworks的PNG文檔不同。它去除了一些Fireworks的固有信息，并進(jìn)行了優(yōu)化。通常，導(dǎo)出操作緊跟在優(yōu)化操作之后進(jìn)行，對圖像的優(yōu)化僅僅體現(xiàn)在導(dǎo)出的結(jié)果上，并不影響原始的存儲在PNG文檔中的數(shù)據(jù)。因此，生成的Web圖像都是在保存的原始PNG文檔上進(jìn)行修改。Fireworks將原始文檔保存為復(fù)本，所以可以導(dǎo)出多種格式的Web圖像。對于新用戶，可以使用Fireworks的導(dǎo)出向?qū)?。?dǎo)出向?qū)Э梢詾橛脩籼峁┍匾慕ㄗh，幫助完成導(dǎo)出操作。9.3.1導(dǎo)出預(yù)覽使用Fireworks的導(dǎo)出預(yù)覽，不僅可以在導(dǎo)出的過程中進(jìn)行優(yōu)化設(shè)置，還可以完成其他的一些相關(guān)操作，如對導(dǎo)出圖像進(jìn)行裁切等。9.3.2保存優(yōu)化圖像和動畫在〖導(dǎo)出預(yù)覽〗對話框中對圖像或動畫完成優(yōu)化及導(dǎo)出設(shè)置以后，需要將圖像或動畫保存起來。9.3.3導(dǎo)出圖層或幀在默認(rèn)情況下，進(jìn)行文檔的導(dǎo)出操作時，會將所有可見的圖層重疊起來，將重疊的結(jié)果導(dǎo)出為一幅圖像，生成一個圖像文件。在Fireworks中允許用戶將文檔中的多個圖層分別導(dǎo)出為多個圖像文件。另外，要導(dǎo)出的文檔中包含圖幀時，通常會將包含多個圖幀的文檔導(dǎo)出為一個動畫GIF圖像文件。在Fireworks中也允許將文檔中的多個圖層分別導(dǎo)出為多個圖像文件。9.3.4將圖層導(dǎo)出到HTML分層中在PNG文檔中多個對象分別位于不同的層，使用層面板可以方便地管理各個對象的相對位置。