探析網(wǎng)頁設計中運用計算機圖像處理技術(shù)的分析

蘇 暢

（黑龍江工業(yè)學院，黑龍江 雞西 158100）

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

1 網(wǎng)頁設計與圖像處理

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

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

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

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

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

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

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

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

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

2 計算機圖像處理技術(shù)在網(wǎng)頁設計中的應用探析

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

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

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

3 結(jié)語

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