最優(yōu)化圖像通常是在網(wǎng)頁(yè)設計時(shí)處理網(wǎng)頁(yè)圖像時(shí)的一種說(shuō)法，究竟何為最優(yōu)化圖像呢？簡(jiǎn)單地說(shuō)，就是讓制作出來(lái)的圖像不但質(zhì)量好，而且文件小，易于在網(wǎng)絡(luò )上傳輸，這就是最優(yōu)化圖像。所以，要達到最優(yōu)化圖像的目標，在處理圖像時(shí)就不能只追求圖像品質(zhì)而忽視文件大小了。

影響文件大小的幾個(gè)重要因素是分辨率、圖像尺寸、顏色數目和圖像格式。所以，在網(wǎng)站建設時(shí)，要最優(yōu)化圖像，就必須考慮這些相關(guān)因素，特別是對顏色數目和圖像格式要考慮得更多一些。為了兼顧圖像質(zhì)量和文件大小，在使用網(wǎng)頁(yè)圖像時(shí)，不同類(lèi)型的圖像要選用不同的圖像格式。

因為這兩種格式支持真彩色24位，表現出的色彩會(huì )更豐富一些，這樣也可以確保圖像的質(zhì)量，而不至于為了減少文件大小而產(chǎn)生圖像失真。如果是一般的圖形、按鈕或圖標，則均可以使用GIF格式。下面以示例形式介紹如何最優(yōu)化圖像。

【操作步驟】

第1步，啟動(dòng)Photoshop，打開(kāi)網(wǎng)頁(yè)圖像。

第2步，選擇【文件】|【存儲為Web所用格式】命令，打開(kāi)【存儲為Web所用格式】對話(huà)框，如圖8.87所示，切換到【四聯(lián)】窗口模式顯示圖像，同時(shí)顯示【優(yōu)化】設置面板。

第3步，在【四聯(lián)】模式的窗口中，單擊選擇一個(gè)預覽窗口（被選中的窗口有一個(gè)黑色邊框）。第4步，在【優(yōu)化】面板的【保存的設置】下拉列表框中選擇一種圖像格式。

第4步，在【優(yōu)化】面板的【保存的設置】下拉列表框中選擇一種圖像格式。

提示：雖然存在有非常多的圖片格式，但是依據壓縮方法不同，所有的圖片都能進(jìn)一步歸類(lèi)為兩大類(lèi)別：無(wú)損和有損。無(wú)損數據壓縮保證了圖像在沒(méi)有任何品質(zhì)和信息丟失的情況下重現，而有損數據壓縮的結果就是可能造成品質(zhì)和信息的丟失。在平面設計領(lǐng)域最主流的無(wú)損媒介格式包括GIF、PNG和TIFF，而JPEG是最主流的有損壓縮的圖形格式。

第5步，選擇GIF格式，在此面板中將顯示圖像顏色數及其他參數。選擇GIF格式時(shí)，在顏色列表中將顯示出圖像所使用的所有顏色。在該列表中用戶(hù)可以增加、更改或刪除顏色來(lái)改變圖像效果，以及進(jìn)行鎖定顏色、設置透明顏色等操作。

如果選擇JPEG格式，則可以通過(guò)設置【質(zhì)量】的值來(lái)改變文件大小，【質(zhì)量】值越高文件越大；反之文件越小，其失真程度也就越嚴重。

第6步，在窗口右下角設置圖像的大小和品質(zhì)。

第7步，設置各項參數，使圖像大小和圖像效果都達到最佳水平。然后在窗口左側4個(gè)視圖中比較不同格式和優(yōu)化參數下的視覺(jué)效果，還可以查看圖像格式、文件大小、下載速度及顏色數目等信息。

提示：在設計網(wǎng)頁(yè)時(shí)，當用戶(hù)在窗口右側進(jìn)行設置時(shí)，應隨時(shí)觀(guān)察預覽窗口中的圖像效果，以及窗口下方的提示信息，以便確定一個(gè)最佳的圖像設置。例如，可以在3個(gè)預覽窗口中分別選擇JPEG、GIF和PNG3種不同的格式。從中可以看到，3種圖像格式下圖像顯示的效果區別。而3種格式設置下，圖像的大小卻相差很大。選擇JPEG和PNG格式時(shí)圖像均較大，而GIF格式設置下的圖像卻很小，但是部分漸變顏色在GIF格式下顯得不是很自然。因此，對此圖形來(lái)講，選擇JPEG格式是最合適的。

提示：一般來(lái)說(shuō)，網(wǎng)頁(yè)使用的圖像格式大多為GIF格式，主要是因為此格式具備了圖像效果好、文件小，以及支持透明背景和動(dòng)畫(huà)等諸多優(yōu)點(diǎn)。但并不是只要選擇GIF格式就很好了，用戶(hù)還需進(jìn)行相應的參數設置才能達到最佳效果。

第8步，通過(guò)比較，可以單擊并選中最優(yōu)化輸出的圖像。最后，單擊【存儲】按鈕，打開(kāi)【將優(yōu)化結果存儲為】對話(huà)框，設置文件名、格式和設置選項。

第9步，單擊【保存】按鈕，關(guān)閉對話(huà)框，保存最優(yōu)化的圖像。