ImageReady誕生時(shí)，是作為一個(gè)獨(dú)立的軟件發(fā)布的。那時(shí)它并不依附于Photoshop。直到Photoshop更新到5.5版本的時(shí)候，Adobe公司才將升級(jí)到2.0版本的ImageReady和它捆綁在一起，搭配銷售。前些日子，ImageReady更以三級(jí)跳的速度與Photoshop同時(shí)升級(jí)到了7.0，給了大家一個(gè)不小的驚喜。

　　ImageReady在很大程度上擴(kuò)展了Photoshop在網(wǎng)絡(luò)圖像方面的功能。在最近的這次升級(jí)后，它和Photoshop的配合更為默契。雖然圖像編輯的能力變得更強(qiáng)大，但圖像的切片和優(yōu)化仍然是它最突出的特征。與Photoshop相較，ImageReady提供了更多用于高級(jí)Web處理的工具和調(diào)板。在這篇文章中，我們就來對(duì)這兩個(gè)功能做一個(gè)較為詳細(xì)的探討。

　　在開始之前，我們先來看看將大圖片切成小圖，并將它們放入一個(gè)HTML表格中的原因，也是我們這篇教程的初衷：下載時(shí)間和圖片質(zhì)量。許多人喜歡在Photoshop中設(shè)計(jì)用于網(wǎng)頁(yè)的圖片，甚至整個(gè)網(wǎng)頁(yè)。在通常情況下，構(gòu)成網(wǎng)頁(yè)的圖像有著不同的圖像格式，也許一些圖片很適合用jpg格式來保存，另一些存為gif格式會(huì)得到更好的質(zhì)量和更快的下載速度。把一張大圖片切成一些小部分，這樣，你就能對(duì)每一部分進(jìn)行單獨(dú)的優(yōu)化處理，使其圖片質(zhì)量和文件大小的比例更合理。

　　用jpg格式對(duì)那些單調(diào)圖像進(jìn)行壓縮，你會(huì)看到處理后的圖像出現(xiàn)難看的斑駁色塊，并且文件尺寸也會(huì)比你實(shí)際需要的大得多；同樣，如果你試圖以gif格式壓縮一張有光滑漸變或是色彩極為豐富的連續(xù)色調(diào)圖片，那么圖像質(zhì)量和文件大小的問題也會(huì)給你帶來困擾。gif格式只支持256色，更多的顏色只能通過抖動(dòng)盡可能的模擬出相近的顏色。這樣就會(huì)使圖像失去重點(diǎn)，文件尺寸也會(huì)增大。好了，現(xiàn)在該是我們對(duì)切片選擇jpg或是gif格式的時(shí)候了，什么時(shí)候使用jpg，什么時(shí)候用gif？正確的選擇才能得到合適的圖像切片。

　　一、創(chuàng)建原始圖像

　　讓我們從在Photoshop中創(chuàng)建我們的原始圖片開始。我們并不打算花太多的時(shí)間去創(chuàng)造一幅精致的圖像，因?yàn)楸酒哪康氖乔衅侵茍D。我們需要盡快開始切圖的問題。新建一寬350像素、高250像素的新文檔，分辨率為72像素／英寸，RGB模式。我將整個(gè)背景區(qū)域填充為藍(lán)色，然后用直線工具繪制兩條寬為30像素的黃色直條，像瑞士國(guó)旗一樣，橫豎交叉（圖01）。記得要在直線工具的選項(xiàng)中取消消除鋸齒這一項(xiàng)。需要特別注意的是，在這篇教程中，使用或取消消除鋸齒這一選項(xiàng)都有說明。待會(huì)兒，我們開始進(jìn)行切片和優(yōu)化時(shí)，你將會(huì)更好的理解那些優(yōu)化設(shè)置的應(yīng)用。（圖02）

圖01

圖02
　　下面，你需要找到一張合適的圖片。這里，我們提供了一張，如果你希望和我們的腳程同步的話，可以使用這張圖片（圖03，右擊“另存為…”可下載）。在Photoshop中打開這張jpg圖片，使用磁性套索工具，將邊對(duì)比度設(shè)為10％，選擇圖中的吉他手。然后用套索工具修整選區(qū)，使之更貼切。用選擇菜單下的羽化命令，將選區(qū)柔化，半徑為2像素。復(fù)制圖像，將圖像粘貼到我們新建文檔的瑞士國(guó)旗背景之上，Photoshop會(huì)自動(dòng)新建圖層1。把它移動(dòng)到文檔的右下角，貼近文檔邊界。想要更精確的貼近文檔邊緣，可以在視圖菜單下選擇對(duì)齊到文檔邊屆。（圖04）

圖03

圖04
　　一般來說，Photoshop教程是不該這么羅嗦的敘述像圖片元素該置于何處這樣的細(xì)節(jié)問題的，讀者在進(jìn)行的過程中，應(yīng)該根據(jù)自己的圖片、需要以及經(jīng)驗(yàn)等，加以判斷。但在這篇關(guān)于ImageReady切圖的文章中，我們希望建立一幅有精確元素的圖像，它可以在下面切圖的過程中幫助我們了解到更多東西。所以，請(qǐng)你在制圖的過程中也盡量做到精確。

　　用矩形選框工具選擇演奏者的左半部分，將選區(qū)羽化10像素，然后應(yīng)用模糊濾鏡組中的動(dòng)感模糊，角度為0，距離為13像素，然后取消選擇。不用模糊的太多，否則就看不出來他正在演奏吉他。（圖05）

圖05
　　現(xiàn)在，我們開始在文檔左邊、黃色的水平條上添加文字。選擇文字工具，在水平條的上面寫上文字。打開文字工具調(diào)板，將文字設(shè)為和背景上黃色水平條相同的顏色。這里，我們選擇了像素字體，對(duì)這種特別細(xì)小的字體來說，保持清晰銳利的方法是將文字消除鋸齒的方法設(shè)為“無”。現(xiàn)在來重復(fù)這一過程，不過這一次要將文字放置在黃色水平條之中，顏色要和背景藍(lán)色相同。依然選擇不要消除文字鋸齒。隨后，調(diào)整文字的位置。（圖06）

圖06
　　接下來是圖像頂部的主要文字了。我選擇了一種裝飾字體“hollow”，本例中使用的是一種星星圖案裝飾的文字形式，但任何一種這類形式的字體都符合我們的目的。隨意地寫上文本。這次我們選擇一種比背景色稍微深一點(diǎn)的藍(lán)色，將文字消除鋸齒的方式設(shè)為平滑。使文字大到足以填充文檔頂部的水平空間。然后在文字層之下新建一層，將前景色設(shè)為前面所用到的黃色，用任意方法填充：可以用畫筆涂滿文字的空洞部分，或是用魔棒工具配合Shift鍵，選擇所有文字中間的空洞，擴(kuò)展1～2個(gè)像素，填充黃色，等等……

　　在用ImageReady切圖以前，我們?cè)賮碜屑?xì)的觀察一下：將圖像放大，對(duì)比未消除鋸齒的文字和消除鋸齒為平滑的文字，可以看到，沒有消除鋸齒的文字邊緣清晰銳利，能很明顯的看到黃色的文字和藍(lán)色背景的分界，不存在起光滑文字邊緣作用的額外顏色（圖07a）；而消除鋸齒為平滑方式的文字，我們只為它設(shè)定了三種顏色：黃色的文字，藍(lán)色的背景和深藍(lán)色的文字外框，但你能看到的卻不止這三種顏色，在文字的邊緣部分，多出來的是Photoshop為了平滑鋸齒而補(bǔ)充的介于兩種相鄰色之間的顏色（圖07b）。

圖07a

圖07b
　　這張簡(jiǎn)單的圖像完成后，下一步我們就要準(zhǔn)備開始創(chuàng)建切片了。

　　二、創(chuàng)建切片

　　下面的工作我們要在ImageReady中進(jìn)行，所以，在Photoshop工具箱的底部選擇轉(zhuǎn)跳到ImageReady。這樣，你正在編輯的圖像就會(huì)在ImageReady中打開。（圖08）

圖08
　　在創(chuàng)建切片之前，我們先來了解一下，到底什么是切片。切片就是圖像的一塊矩形區(qū)域，可用于在結(jié)果網(wǎng)頁(yè)中創(chuàng)建鏈接、翻轉(zhuǎn)和動(dòng)畫。將圖像切片可以有選擇地優(yōu)化圖像，使圖片下載速度更快，畫面質(zhì)量更高。這篇教程我們不涉及動(dòng)畫部分，只針對(duì)圖像優(yōu)化。 雖然在Photoshop中也進(jìn)行一些基本的切片操作，但無法組和、對(duì)齊或分布切片。ImageReady具備專業(yè)的切片調(diào)板和菜單，其切片編輯功能要比Photoshop更強(qiáng)大，所以，我們習(xí)慣在完成圖像之后轉(zhuǎn)跳到ImageReady中對(duì)圖像切片。

　　我們先來認(rèn)識(shí)一下ImageReady的文檔窗口。在ImageReady中，可直接在文檔窗口中查看和處理優(yōu)化圖像。像Photoshop中的保存為Web所用格式的對(duì)話框一樣，它可以以原稿（未優(yōu)化圖像）、優(yōu)化（應(yīng)用了當(dāng)前優(yōu)化設(shè)置的圖像）、雙聯(lián)（原稿與優(yōu)化后的圖像，或兩種優(yōu)化圖像的比較）、四聯(lián)（原稿和三種優(yōu)化格式，或四種不同圖像版本的比較）這四種形式來顯示當(dāng)前圖像。一般來說，在加工圖像時(shí)，我們多采用原稿顯示；在比較優(yōu)化圖像時(shí)，雙聯(lián)和四聯(lián)被更多的使用。在你拿不定主意該用什么設(shè)置來保存圖像時(shí)，四聯(lián)的形式可以讓你預(yù)覽不同設(shè)置時(shí)圖像的品質(zhì)和大小，這樣就不用反復(fù)的保存比較了。（圖09）

圖09
　　現(xiàn)在該介紹我們今天這篇文章的主要工具——切片工具了。在工具面板中，那個(gè)像小切刀一樣的圖標(biāo)就是切片工具。點(diǎn)擊工具圖標(biāo)下的小三角，與切片工具組合在一起的就是它的最佳搭檔——切片選擇工具。無論當(dāng)前所選擇的是切片工具還是切片選擇工具，只要按住Ctrl鍵，你就能在這兩者之間隨意切換。記?。何覀儼岩环鶊D片切成一定數(shù)量的小圖片，其目的在于根據(jù)每一片的不同特征，對(duì)其進(jìn)行單獨(dú)優(yōu)化。（圖10）

圖10
　　現(xiàn)在，選擇切片工具，以原稿的方式顯示圖像，將切片工具的刀尖放置在圖像的左上角，向下和右拖動(dòng)鼠標(biāo)，直到形成的切片矩形框包括了整個(gè)文檔頂部的文字。要確保切片邊界精確和圖像邊界重合，不可留下縫隙，如圖11所示。

圖11
　　現(xiàn)在，如你所見，圖像中出現(xiàn)了兩塊切片，分別名為01和02。01是我們剛才創(chuàng)建的，這種使用切片工具創(chuàng)建的切片稱之為“用戶切片”；圖像剩余的部分被ImageReady自動(dòng)創(chuàng)建為“自動(dòng)切片”，每次添加或編輯用戶切片或基于圖層的切片時(shí)都重新生成自動(dòng)切片。這樣就能在HTML文件中生成包含完整圖像的文檔。現(xiàn)在使用切片選擇工具選擇用戶切片，然后再選擇自動(dòng)切片，你會(huì)發(fā)現(xiàn)用戶切片的邊緣有用于改變切片大小的手柄，當(dāng)鼠標(biāo)出現(xiàn)在框線上時(shí)，就會(huì)變成小小的雙向箭頭，就像我們常見變形框一樣，而自動(dòng)切片則不存在這樣的手柄。而且，用戶切片以實(shí)線顯示，自動(dòng)切片的邊緣則顯示為虛線。如果你對(duì)創(chuàng)建的用戶切片不十分滿意，那么你隨時(shí)可以用切片選擇工具選擇這個(gè)切片，抓取切片的邊手柄或角手柄并拖移以調(diào)整切片大小。在ImageReady中，如果選擇相鄰切片并調(diào)整其大小，則這些切片共享的公共邊緣將一起調(diào)整大小。我建議你將所有的切片都定義為用戶切片，因?yàn)閷?duì)用戶切片可以進(jìn)行移動(dòng)、復(fù)制、組合、劃分、調(diào)整大小、刪除、排列、對(duì)齊和分布，還可以應(yīng)用不同的優(yōu)化設(shè)置。而自動(dòng)切片是鏈接在一起并共享相同優(yōu)化設(shè)置的。而且將自動(dòng)切片轉(zhuǎn)換為用戶切片還可防止自動(dòng)切片在重新生成時(shí)發(fā)生更改。將自動(dòng)切片轉(zhuǎn)換為用戶切片，方法是選擇這個(gè)切片，在切片菜單或右鍵菜單中選擇“提升到用戶切片”命令。

　　提示：使用放大工具，你可以更準(zhǔn)確的接近切片邊緣?；蛘吣憧梢源蜷_切片調(diào)板，用數(shù)字坐標(biāo)的方法調(diào)整切片位置，這樣可以精確到像素。不過這個(gè)方法相當(dāng)?shù)穆闊?，在大多?shù)時(shí)候，還是使用放大工具方便快捷。

　　繼續(xù)將圖像切片，將圖像中的單色區(qū)域全都創(chuàng)建為用戶切片。其中02包含兩種顏色，03、05、07、08、09、10只包含一種顏色；剩下的04、06、11、12區(qū)域被創(chuàng)建為自動(dòng)切片，這些切片包含了模糊的吉他手的圖像。在切片時(shí)，要使單色切片的邊緣完全貼近圖像中的單一色塊。要特別注意切片和切片之間不要留下任何空隙，用上面提到的放大工具能使你看的更清楚。此外，在保證已創(chuàng)建的切片位置正確的情況下，用對(duì)齊到切片選項(xiàng)，也會(huì)使你剩下的切片工作更輕松，切片工具會(huì)4個(gè)像素的范圍內(nèi)自動(dòng)貼近相鄰的參考線或切片。（圖12）

圖12
　　在默認(rèn)狀態(tài)下，所有的切片邊線的顏色都是藍(lán)色，而出現(xiàn)在每個(gè)切片上的彩色小數(shù)字都是它們被分配的切片編號(hào)。切片從圖像的左上角開始，從左到右、從上到下的順序編號(hào)。用切片選擇工具，按住Shift鍵，選擇03、05、07、08、09、10這些單色切片，從切片菜單或右鍵菜單中選擇“鏈接切片”命令。將04、06、11、12同時(shí)選擇，提升到用戶切片后鏈接。在未做鏈接之前，所有的符號(hào)都是藍(lán)色的，在鏈接第一組切片后，這個(gè)組內(nèi)的所有切片符號(hào)都變成了紅色，未被鏈接的切片符號(hào)依然為藍(lán)色；鏈接第二組切片，這一組中的切片符號(hào)變成了綠色。新的鏈接組中的切片符號(hào)會(huì)以新的顏色出現(xiàn)。ImageReady用顏色將不同的切片組加以區(qū)別。如果這些符號(hào)和顏色阻擋了你的視線，你可以在預(yù)置>切片選項(xiàng)中取消數(shù)字和符號(hào)的顯示（或使用大編號(hào)和標(biāo)記）。同時(shí)選擇多個(gè)切片，是ImageReady的特有功能。

　　提示：顏色表中包含的最少顏色數(shù)量是2，所以，即使是我們剛才所創(chuàng)建的單色切片，在保存時(shí)顏色表中仍然必須為兩種顏色。這樣的話，你就可以在同一組中包含兩種顏色的切片。

　　警告：我并不希望你照著這篇教程比葫蘆畫瓢，機(jī)械的跟從，更甚者養(yǎng)成不良的習(xí)慣，所以，請(qǐng)你仔細(xì)研究這些切片和各種信息，研究出能最大限度減小你的圖像體積的配制方法。請(qǐng)記?。耗闼龅那衅蕉?，最后得到的表格單元也就越多，也就意味著更多的代碼和字節(jié)。這里，我使用了大量的切片，其目的是為了示范切片工具，但絕不是說你也應(yīng)該做這么多切片。像切片02，03，05，07，08，09，應(yīng)該可以合為一個(gè)較大的切片（表格單元）。

　　如果你的切片和例圖不完全像例圖那樣，也沒有關(guān)系，你可以按照切片在最終輸出時(shí)被存為jpg或gif格式，按相同的壓縮設(shè)置或顏色表將它們鏈接起來。這樣，切片部分完成后，我們下面就要著手對(duì)圖像進(jìn)行優(yōu)化了。

　　三、優(yōu)化切片

　　下面我們要對(duì)切片進(jìn)行優(yōu)化。優(yōu)化可以在調(diào)整圖像顯示品質(zhì)的同時(shí)，有效地控制圖像文件的壓縮大小，在用于網(wǎng)頁(yè)之前，優(yōu)化是必不可少的一步。有兩種優(yōu)化圖像的方法：一種是基本優(yōu)化，是在Photoshop的“存儲(chǔ)為”命令，它可以根據(jù)文件格式的不同，可以指定圖像品質(zhì)、背景透明度或雜邊、顏色顯示和下載方法。但不支持Web特性，也就不能保留切片；還有一種是精確優(yōu)化，在Photoshop和ImageReady中都可以實(shí)現(xiàn)，可以通過多個(gè)優(yōu)化版本的比較，選擇最適合的設(shè)置組合，這種精確優(yōu)化就是今天我們這篇教程的另一個(gè)重點(diǎn)。

　　在此實(shí)現(xiàn)優(yōu)化之前，我們先來認(rèn)識(shí)一下ImageReady的優(yōu)化面板。如果沒有選擇任何切片，優(yōu)化面板顯示為空。現(xiàn)在選擇任一切片，你會(huì)看到優(yōu)化面板中的變化。選擇除原稿以外的顯示方式，切片就會(huì)顯示以當(dāng)前優(yōu)化方式儲(chǔ)存的預(yù)覽。點(diǎn)擊優(yōu)化面板右邊的小三角，從彈出菜單中選擇“顯示選項(xiàng)”，這樣優(yōu)化面板會(huì)顯示全部選項(xiàng)，不然的話，優(yōu)化面板就不顯示透明選項(xiàng)及其它選項(xiàng)（圖13）。在優(yōu)化調(diào)板中，最有影響力的選項(xiàng)是優(yōu)化的文件格式、顏色（針對(duì)gif格式）和品質(zhì)（針對(duì)jpeg格式）。

圖13
　　在這篇教程一開始，我們就介紹了一些選擇圖片壓縮格式的基本規(guī)則。ImageReady包括的優(yōu)化圖像格式共有g(shù)if、jpg、png-8、png-24、wbmp5種。在這里例子中，我們涉及到前兩種，所以現(xiàn)在我們來具體看看這兩種壓縮格式。

　　gif：這個(gè)格式最適合壓縮具有單調(diào)顏色和清晰細(xì)節(jié)的圖像，對(duì)諸如如藝術(shù)線條、徽標(biāo)或帶文字的插圖這樣的圖像有很好的效果。gif格式壓縮實(shí)色區(qū)域來減小文件大小，同時(shí)又能保留清晰細(xì)節(jié)。顏色數(shù)量是決定gif格式圖像大小和品質(zhì)的關(guān)鍵。因此，減少圖像中的顏色數(shù)量是優(yōu)化gif圖像的關(guān)鍵因素。你可以從優(yōu)化面板的顏色選項(xiàng)中選擇顏色表中顏色的最多數(shù)目。顏色數(shù)量越少，文件就越小，但圖像損失也就越大；但也并不是說顏色數(shù)量越多圖像就越好。像我們選擇編號(hào)為01的切片，將顏色最大數(shù)量設(shè)為256，無仿色時(shí)的切片大小為4.574K，而將最大顏色數(shù)量減少到16，無仿色時(shí)，切片大小變?yōu)?.907K，但圖像質(zhì)量幾乎看不出有什么差別。如果覺得一種顏色設(shè)置不太理想，還可以細(xì)微調(diào)整最大顏色數(shù)量。使用顏色表，你可以精確控制圖像中的顏色。選擇不同的切片，顏色表也不同；如果同時(shí)選擇多個(gè)切片，那么顏色表是空的，將切片鏈接后，這些鏈接切片共享顏色調(diào)板和仿色圖案，這樣，相鄰切片的邊界就不會(huì)出現(xiàn)裂縫了。除了顏色數(shù)量，耗損值也可以減小文件大小，幅度達(dá)到5％～40％，自然，損耗設(shè)置越高，扔掉的數(shù)據(jù)越多。這個(gè)選項(xiàng)是gif格式特有的，但它不能與交錯(cuò)、雜色和圖案仿色一起使用。

　　jpg：這也是我們最常用的壓縮格式之一，最適合用來壓縮連續(xù)色調(diào)圖像。它通過有選擇的扔掉數(shù)據(jù)，達(dá)到減小文件大小的目的，是一種有損壓縮。像在gif格式中設(shè)定顏色數(shù)量一樣，你可以設(shè)定壓縮品質(zhì)來控制圖像大小：品質(zhì)越高，圖像損失越小，文件也就越大。調(diào)節(jié)品質(zhì)滑桿，可以更精確的控制壓縮效果（圖14）。更多的時(shí)候，我們需要打開雙聯(lián)或四聯(lián)，仔細(xì)觀察每一個(gè)細(xì)小改動(dòng)對(duì)圖像的改變。視圖下方的注釋區(qū)域提供了重要的優(yōu)化信息，優(yōu)化圖像的注釋顯示當(dāng)前優(yōu)化選項(xiàng)、優(yōu)化文件的大小以及使用選中的調(diào)制解調(diào)器速度時(shí)的估計(jì)下載時(shí)間。這樣你或許會(huì)在圖像品質(zhì)和大小之間作出更恰當(dāng)?shù)倪x擇。你也可以在圖像信息欄中選擇顯示不同的信息，如不同的調(diào)制解調(diào)器速度等。（圖15）

圖14

圖15
　　現(xiàn)在，請(qǐng)打開雙聯(lián)面板，選取切片選擇工具，選擇吉他手的切片（切片編號(hào)為04）。在優(yōu)化面板的設(shè)置菜單中，選擇一種預(yù)設(shè)的優(yōu)化組合。通常情況下，我會(huì)選擇一種基本的優(yōu)化組合，然后再根據(jù)圖像狀態(tài)來調(diào)整其它選項(xiàng)。對(duì)這個(gè)有模糊的連續(xù)色調(diào)的切片而言，jpg格式應(yīng)該是不錯(cuò)的選擇。從設(shè)置下拉菜單中選擇“jpeg高”，通常情況下，用這個(gè)選項(xiàng)保存會(huì)得到較好的圖像品質(zhì)，但文件大小方面可能不盡人意。這樣的話，調(diào)節(jié)品質(zhì)滑桿或直接輸入數(shù)字來改變圖像品質(zhì)。最好一邊調(diào)節(jié)，一邊注意觀察優(yōu)化圖像以及圖像下面的優(yōu)化信息。（圖16）

圖16
　　還有一項(xiàng)很重要的信息是你應(yīng)該知道的：所有鏈接的切片將會(huì)共享同樣的優(yōu)化設(shè)置。在這個(gè)例子中，我將吉他手的圖像分為了4個(gè)部分，分別為切片04、06、11、12），它們被鏈接在一起，并用綠色切片標(biāo)號(hào)區(qū)別于其它切片。一旦你調(diào)整了其中一塊切片的優(yōu)化設(shè)置，其它的也立即自動(dòng)更改?，F(xiàn)在對(duì)其它組的鏈接切片也設(shè)定優(yōu)化。如果你已經(jīng)完全了解我們前面所講的知識(shí)，那么你也可以將切片02與03、05、07、08、09、10這一組切片鏈接，因?yàn)樗话瓦@些切片相同的兩種顏色。你會(huì)發(fā)現(xiàn)，對(duì)這一組切片來說，用最大顏色數(shù)量為2的gif格式優(yōu)化是最合適不過的了，它可以將文件大小減小到最大限度，并且圖像質(zhì)量不會(huì)有所損失。

　　最后我們來處理最后一塊、實(shí)際上是我們創(chuàng)建的第一塊切片——帶有空洞文字的主要標(biāo)題區(qū)域。你應(yīng)該還記得，在這篇教程第一部分的末尾，我們?cè)?jīng)比較了兩種文字，消除鋸齒的和未消除鋸齒的，以及它們各自所包含的顏色數(shù)量。鋸齒文字僅包含兩種顏色，而消除鋸齒的文字在兩種顏色相接的區(qū)域卻有一些過渡色出現(xiàn)?，F(xiàn)在用切片選擇工具選擇這塊切片，從優(yōu)化面板的設(shè)置下拉菜單中選擇預(yù)設(shè)的“GIF　32　不仿色”。這樣的選擇應(yīng)該接近這塊切片精確顏色數(shù)量，所以看起來比較很合適。現(xiàn)在，你需要使用優(yōu)化面板中顏色按紐向上或向下的箭頭，來增加或是減少顏色數(shù)量，因而改變圖像質(zhì)量和大小。

　　現(xiàn)在我們已經(jīng)將全部的切片都優(yōu)化了。你可以在文件菜單下選擇預(yù)覽命令，在你選擇任一瀏覽器中，對(duì)由所有不同的切片組合在一起的整體圖像進(jìn)行全面的預(yù)覽。預(yù)覽頁(yè)面會(huì)顯示代碼和總體頁(yè)面大小、圖像數(shù)量的信息。滿意的話，選擇文件菜單下的“將優(yōu)化結(jié)果儲(chǔ)存為”命令，保存你的圖像及HTML。根據(jù)需要修改對(duì)話框中的設(shè)置參數(shù)，點(diǎn)擊保存后將輸出HTML文件和一個(gè)名為“image”的文件夾，所有的切片圖像都在其中。至于如何繼續(xù)編輯這個(gè)HIML文件，那就是另一篇文章的事了。