小議圖像處理在網頁設計中的角色

葉志向

摘要：一個完整的網頁基本上都含有圖像，圖像在網頁中扮演著十分重要的角色。在網頁中合理地使用圖像，可以讓網頁更加具有吸引力，給訪問者以美的享受。本文著重介紹了圖像的類型、圖像的獲取、網頁中的圖像處理、網頁中的圖像使用原則。

關鍵詞：網頁設計;圖像類型;圖像獲取;圖像處理;使用原則

一、圖像類型

網頁中用到的圖像類型有以下幾種：

1.JPEG：它是應用廣泛的圖像壓縮格式，廣泛應用于網頁中。

2.GIF：它既可以存儲靜態圖像，也可以存儲動態圖像，廣泛應用于網頁中。

3.PNG：它的特點是支持透明度，當我們要在網頁中插入背景透明的圖像，就需要用到這種格式的圖像。

4.BMP：是“畫圖”程序的固定格式，文件幾乎不壓縮，占用磁盤空間大，所以在網頁中并不常用。

二、圖像獲取

獲取圖像的方法常見的有以下幾種：1.上網下載;2.用截圖軟件進行截圖;3.用數碼相機、攝像機或者掃描儀等來獲取。需要注意的是：1.獲取的圖片尺寸要足夠大;2.要為獲取的圖像重命名（最好取一個見名知義的名字，名字可以為英文、數字或它們的組合）。

三、圖像處理

圖像處理的軟件有很多，在進行網頁設計過程中，處理圖像我比較常用的軟件是Photoshop和Acdsee。下面著重講解如何使用這兩種軟件來進行圖像處理。

（一）改變圖像尺寸或格式，提高網站顯示速度

每個網站含有的圖像通常是比較多的，如果每個圖像大小都可以縮小一些，那么就可以減少很多存儲空間，網站的顯示速度將大大提高，訪問者也會比較樂意訪問該網站。通過改變圖像尺寸或格式，可以有效減少圖像的大小，我們可以使用Photoshop軟件或者Acdsee軟件來輕松做到。

（二）圖像局部剪裁

在網頁設計中經常要用到圖像的某一部分，例如：剪裁圖像右下角部分圖像、左下角部分圖像、中間部分圖像等。在圖像局部剪裁方面，Acdsee軟件只提供了長方形的剪裁區域，因此我比較常用的是Photoshop軟件，因為它提供了許多選取工具，基本上可以滿足網頁設計中圖像剪裁的要求。方法如下：①打開要剪裁的圖像;②點擊選取工具，如：矩形選框工具、橢圓選框工具、套索工具等選取局部圖像，并進行拷貝操作;③新建畫布，并進行粘貼;④在新圖像上進行進一步的編輯操作（如添加文字、調整位置、尺寸等），最后保存文件。

（三）制作透明圖像

我們在制作網頁時往往會根據主題為網頁頁面設置相應的背景顏色或者圖片，這樣使整個網頁頁面看起來更加美觀。但是當我們在網頁中再插入圖像時，往往會發現插入的圖像背景顏色和網頁頁面的背景色發生沖突，這時候我們就必須將插入的圖像背景色設置為透明，這樣插入的圖像才能融合到網頁中。我們可以使用Photoshop軟件非常方便地將圖像的背景設置為透明。

（四）將特殊字體制作成圖像

在網頁制作過程中，我們常常會在電腦中安裝一些特殊的字體并使用，使網頁中的文字看起來更加美觀，更加具有個性化。但是這些字體在其它電腦上可能沒有安裝，這時候網頁的瀏覽效果將大打折扣，這時候我們可以使用Photshop軟件將這些使用特殊字體的文字內容制作成圖片，并插入到網頁中即可解決問題。

（五）與透明Flash相結合，制作特效效果

在制作網頁的過程中，我們發現可以為網頁、某個表格或者某個單元格指定一個很漂亮的背景圖像，然后在其中再插入透明Flash動畫，可制作出極具吸引人的特效效果。

（六）制作滾動圖像

在網頁中添加滾動圖像，可以為圖像增色不少。操作如下：①根據網頁主題需要，準備幾張大小一致的圖像，作為實現圖片滾動效果的素材;②通過新建CSS樣式表文件和JS文件，并在網頁中添加對該樣式表的引用來實現圖像的滾動效果。

四、圖像使用原則

1.在制作網頁之前，要先對網頁的內容版式做好規劃。哪些地方要用到圖像，圖像長寬大致多少，做到心中有數。

2.使用圖像處理軟件將網頁中用到的圖像調整成對應的大小，而不要直接在網頁中直接插入大圖，然后再調整大小。這是因為在網頁中直接調整圖像大小，并沒有真正改變圖像的大小，會導致網頁的顯示速度變慢。

3.使用圖像做為網頁的背景，最好選擇拼接比較自然的小圖像做為網頁背景，提高網頁的顯示速度。

以上是本人制作網頁時進行圖像處理的一點心得體會，懇請各位同仁的批評指正。

參考文獻：

[1]徐福蔭.信息技術基礎必修[M].廣東教育出版社，2013.

[2]聶小燕.精美網頁設計與制作[M].人民郵電出版社，2006.