探析網頁設計中運用計算機圖像處理技術的分析

蘇 暢

（黑龍江工業學院，黑龍江 雞西 158100）

網頁設計是當前最熱門最火的學科之一，也是時下需求最大且薪水較高的互聯網專業。網頁設計是通過網頁語言進行編程向用戶展示各種各樣的圖片，一個成功的網頁必須讓人感覺到藝術效果感染到用戶、讓用戶留下深刻印象。其中最重要的是對網頁圖形圖像處理，通過將文字和圖像結合起來向用戶進行展示，讓瀏覽者明白展示的內容。隨著中國網民數量激增，網頁瀏覽量也在飛速增長，人們審美感和藝術感的層次也在提高。除此之外，社會經濟的迅速增長，網頁也是一大媒介促進經濟的繁榮，因此，計算機圖像處理技術的使用越來越廣泛，通過計算機圖像處理技術應用于網頁設計當中，能設計出滿足人們審美需求的網頁。

1 網頁設計與圖像處理

網頁設計與圖像處理知識中的知識相當復雜，接下來筆者主要從圖像的格式、網頁中插入圖像的方法以及網頁設計中的特殊應用方面進行研究。

目前通過計算機呈現出來的圖片格式有多種多樣，例如GIF格式、JPEG格式以及PNG格式等，這些格式都可以使用，但是各有各的優缺點。

GIF格式是圖形交換格式英文的縮寫，可解釋為無損壓縮的算法來對圖形進行壓縮，在GIF格式中能最多容納256種顏色。使用GIF格式呈現圖像時，一定要弄清其特點，其特點包括4點：能夠以動畫形式展示照片；應用范圍較為廣泛，可應用于卡通、素描及插圖等，在互聯網應用最廣應用得效果最好的也就是GIF格式圖像；交錯處理以及透明處理功能也是其一大特點。

JPEG格式的中文名稱叫做聯合靜態圖形專家組，這種格式的圖像特點是節省磁盤空間，但圖像質量有損失，一些專業性的圖像處理保存這種格式的圖像是不合適的，不能滿足要求，只適合普通用戶。JPEG格式的圖像缺點是在數據傳輸環境中傳輸會嚴重失真，其使用范圍主要是在圖像處理或者圖像掃描方面。

對PNG格式而言，中文翻譯為可移植網絡圖形，是一種新型的圖片格式，它與JPEG和GIF格式相比優勢明顯，可以得到高清格式的圖像，還能表現出來256色的圖像，當然其也使用了壓縮算法，這種算法由于優勢明顯，被借鑒到了通信行業，廣泛應用在互聯網行業中。所以，當前最流行的圖像格式便是PNG格式。

為了使網頁擁有更好的效果，網頁設計人員經常在設計網頁的時候加入圖像，而加入圖像的常用軟件就是Dreamwaver，那么怎么操作這個軟件在網頁中加入圖像呢？接下來詳細介紹：

首先要考慮在網頁中插入圖像的位置，為了營造好整體效果，這是很重要的；然后就是真正的加入圖像了，點擊軟件中的插入菜單欄中的圖像按鈕，會出現圖像，點擊之后會出現一個對話框；這個對話框彈出來就是為了讓你選擇圖片，選擇好圖片之后，就開始選擇相應的參數來確定圖像在網頁中的位置；設置完這些參數以后，回到最初的插入圖像的界面點擊確定，這樣圖像才真正被導入了，就開始設置圖像的特性，這就需要通過屬性檢查器設置，在這里所選擇的內容比較多，而用戶最需要關注的是三項內容，分別為源文件、替換以及鏈接。

HTML語言代碼的功能非常強大，它可是實現以上所介紹的所有功能，但是需要熟練掌握HTML語言的編程，掌握這個語言的技巧，這樣才能方便快捷的將圖像插入到網頁當中來，例如IMG是一個HTML語言的圖像標簽，其基本語法是：＜img src=“圖片位置”＞圖片的位置上所填寫的內容應該是相對位置，這個標簽語言與其他語言相比較為特殊，因為它不是成對出現，只有開始標簽。

網頁設計中擁有兩個常見應用，一種是通過移動鼠標來使圖像進行變換，這需要準備好兩張照片并配合Photoshop技術；具體操作步驟是打開既定網頁之后，將鼠標放到網頁中的任何一個圖片上，這時立馬就會出現另外一張圖片，但是如果將鼠標移開之后就會重新顯示原來的圖片。當然這需要HTML、JavaScript中的功能函數來實現這樣的效果，且必須要準備至少兩張照片，這樣才能相互切換，兩張圖片的規格要是一樣的，如果沒有完全一樣規格的照片，一般情況下，設計者一般是選擇Photoshop技術來對這些圖像進行處理。一種是在網上制作相冊，許多博客網站會看到并配合使用Fireworks進行處理。當使用電腦瀏覽別人的博客或者QQ空間上的相冊時，你會發現很多優美而生動的照片會按照某一種順序排列好進行切換，當瀏覽者將鼠標任意點擊其中的一張照片時，你會發現，通過點擊的小圖，其中的大圖立馬就會顯現出來，這種效果的原理是利用網頁設計技術將選取的一些圖片放置到指定的文件夾中，通過程序代碼來調用這個文件夾里面的圖片，且按照某種方式觸發這些圖片的調用和切換，這種技術通常采用的軟件是Fireworks。

2 計算機圖像處理技術在網頁設計中的應用探析

網頁設計中使用適當的圖像意義非凡，例如可以做網站的標志、網頁的背景以及關鍵圖等。當做網站標志時，可以讓瀏覽者印象深刻，讓其了解產品品牌，例如新浪中的sina的這個標志，讓人們一眼能看出是新浪的。網頁背景圖主要是用來烘托整個網頁中表達內容的主題。這兩者互相映襯，讓主題更具有感染力。

關鍵圖在網頁中展示可以讓瀏覽者更醒目，讓瀏覽者一眼將網頁掃過去就知道重點在哪里，這種表達方式更直觀。

將一些圖像處理技巧應用于網頁中，可以給網頁錦上添花，主要是從圖像尺寸和外形著手，可以通過設計主標題和副標題讓網頁更加突出，再配上內容，那必然會無與倫比。對于圖像的外形，主要是針對不同形狀采取不同的措施，這些形狀大致包括方形、菱形、圓形、三角形以及個性化圖像等，方形是生活中比較常見的，也是使用較多的圖形；菱形沒有方形那樣的嚴肅沒但是使用起來更加靈動；圓形的使用會給瀏覽著帶來一種充實感，因為其帶有的曲線較柔和；三角形圖像能很好的闡釋動感有個性的內容，總之根據情況而定使用，而使用的目的是使網頁更具美感，更具有感染力再配合新奇的創意，使得網頁更加引人注意。

3 結語

在互聯網中，存在數不勝數的網頁，網頁也是它最基本的單元。但是在多如繁星的網頁當中如何使自己所做的網頁與眾不同，給上網者留下深刻印象，是一項很難解決的問題，因為上網者的品味越來越高，網頁設計人員的相關技術也要不斷更新，設計人員除了要讓網頁更加優美以外，還要具有藝術價值，考慮的因素眾多，例如網頁中的色調搭配、圖像效果等，采用一定的圖像處理技巧是必須的。計算機圖像處理技術就是一項應用于網頁設計中的很重要的技術，最終設計出來的網頁的效果與圖像處理技術高低有密切聯系，所以設計者在設計網頁時就應該縱觀全局考慮清楚這樣才能有良好的開始，才能設計出優秀的網頁出來。