網頁美工操作技巧之網圖像處理技巧

網頁中圖像表的現力是無可替代的,沒有圖像的網頁是枯燥頁單調的，無法吸引人的注意力，因此圖像在整個網頁製作中佔有非常重要的地位。它不但使網頁內容更豐富，表現力、渲染力更強，而且使整個網頁更具有觀賞性，更具美感、藝術性。而我們手頭的照片或其他圖片有時並不適合直接用於網頁的。那麼做為網頁美工，就必須要掌握一定的圖像處理技巧。小編就通過Photoshop實例來和您講一講網頁圖像的處理。

一、網頁圖像製作

圖像是網頁中必不可少的元素。如何使用一個較大的圖象文件恰倒好處的融入網頁之中呢?那麼勢必要對圖像進行切割，ImageReady CS(ImageReady是Photoshop的'一個附件)也可以很好地來完成這項工作。

1.製作切片

儘管網絡速度一直在提高，但網絡傳輸的速度一直是個瓶頸。假如用户瀏覽網頁時，網頁中包含了一個較大的圖象，由於網絡傳輸速度過慢，就會等待很長時間才能看到這個圖像。人們想出了一個方法，就是將圖像進行切割，分成若干個較小的圖像，從而避免了較長的等待時間。

要切割圖片，可首先選擇工具箱中的切片工具，在圖像窗口單擊並拖動，即可以製作出切片。如圖，可看出圖像被分成了9個部分。

2.切片屬性設置

在工具箱中單擊切選取工具，然後單擊鼠標右鍵，從彈出的快捷菜單中選擇[編輯切片選項]菜單項，此時系統彈出“切片選項”對話框。讀者可以在此對話框中對切片的屬性進行設置。在對話框中可以設置以下參數：“切片類型”、“名稱”、“URL”(超級連接)等。如圖所示。

3.調整切片的位置尺寸

在工具箱中選擇切片選取工具，單擊屬性工具欄中的“切片選項”圖標按鈕，將其設置為用户切片。然後將光標移動到切片區單擊並拖動，實現切片的移動。將光標移切片邊界單擊並拖動，實現切片尺寸的調整。

二、網頁圖像的優化輸出

身為網頁美工，我們應該知道在Photoshop中，圖像的優化輸出可以分為兩類，即基本優化與精確優化。如果是簡單地製作能夠用於網頁的優化圖像，可選擇菜單中的[文件]→[存儲為]命令，然後在打開的“存儲”對話框中將文件類型設置為網頁常用的GIF、JPG格式即可。

如果要精確優化圖像，可選擇菜單[文件]→[存儲為Web格式]命令。此時系統將彈出相應的對話框，其中各工具箱的意義如下圖所示。

設置優化輸出參數

值得注意的是，要輸出帶有透明區的圖像時，在源圖像中必須帶有透明區域，輸出格式只能是GIF。

當然，網頁美工在圖像的處理方法不止這一種，有很多圖像處理軟件都是可能達到編輯效果。本文只是列舉了其中的一種，朋友們可以舉一反三，在實際工作中靈活掌握。