網(wǎng)頁(yè)設(shè)計(jì)中圖像處理技術(shù)的分析

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了網(wǎng)頁(yè)設(shè)計(jì)中圖像處理技術(shù)的分析范文，希望能給你帶來(lái)靈感和參考，敬請(qǐng)閱讀。

摘要：文章介紹了網(wǎng)頁(yè)設(shè)計(jì)中運(yùn)用計(jì)算機(jī)圖像處理技術(shù)，并對(duì)相關(guān)計(jì)算機(jī)圖像處理技巧進(jìn)行介紹，并將其應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)中呈現(xiàn)出的效果進(jìn)行介紹，為從事網(wǎng)頁(yè)設(shè)計(jì)人員提供相應(yīng)的理論參考。

關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)；計(jì)算機(jī)；圖像處理技術(shù)；分析

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

1網(wǎng)頁(yè)設(shè)計(jì)與圖像處理

網(wǎng)頁(yè)設(shè)計(jì)與圖像處理知識(shí)中的知識(shí)相當(dāng)復(fù)雜，接下來(lái)筆者主要從圖像的格式、網(wǎng)頁(yè)中插入圖像的方法以及網(wǎng)頁(yè)設(shè)計(jì)中的特殊應(yīng)用方面進(jìn)行研究。目前通過(guò)計(jì)算機(jī)呈現(xiàn)出來(lái)的圖片格式有多種多樣，例如GIF格式、JPEG格式以及PNG格式等，這些格式都可以使用，但是各有各的優(yōu)缺點(diǎn)。GIF格式是圖形交換格式英文的縮寫，可解釋為無(wú)損壓縮的算法來(lái)對(duì)圖形進(jìn)行壓縮，在GIF格式中能最多容納256種顏色。使用GIF格式呈現(xiàn)圖像時(shí)，一定要弄清其特點(diǎn)，其特點(diǎn)包括4點(diǎn)：能夠以動(dòng)畫形式展示照片；應(yīng)用范圍較為廣泛，可應(yīng)用于卡通、素描及插圖等，在互聯(lián)網(wǎng)應(yīng)用最廣應(yīng)用得效果最好的也就是GIF格式圖像；交錯(cuò)處理以及透明處理功能也是其一大特點(diǎn)。JPEG格式的中文名稱叫做聯(lián)合靜態(tài)圖形專家組，這種格式的圖像特點(diǎn)是節(jié)省磁盤空間，但圖像質(zhì)量有損失，一些專業(yè)性的圖像處理保存這種格式的圖像是不合適的，不能滿足要求，只適合普通用戶。JPEG格式的圖像缺點(diǎn)是在數(shù)據(jù)傳輸環(huán)境中傳輸會(huì)嚴(yán)重失真，其使用范圍主要是在圖像處理或者圖像掃描方面。對(duì)PNG格式而言，中文翻譯為可移植網(wǎng)絡(luò)圖形，是一種新型的圖片格式，它與JPEG和GIF格式相比優(yōu)勢(shì)明顯，可以得到高清格式的圖像，還能表現(xiàn)出來(lái)256色的圖像，當(dāng)然其也使用了壓縮算法，這種算法由于優(yōu)勢(shì)明顯，被借鑒到了通信行業(yè)，廣泛應(yīng)用在互聯(lián)網(wǎng)行業(yè)中。所以，當(dāng)前最流行的圖像格式便是PNG格式。為了使網(wǎng)頁(yè)擁有更好的效果，網(wǎng)頁(yè)設(shè)計(jì)人員經(jīng)常在設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候加入圖像，而加入圖像的常用軟件就是Dreamwaver，那么怎么操作這個(gè)軟件在網(wǎng)頁(yè)中加入圖像呢？接下來(lái)詳細(xì)介紹：首先要考慮在網(wǎng)頁(yè)中插入圖像的位置，為了營(yíng)造好整體效果，這是很重要的；然后就是真正的加入圖像了，點(diǎn)擊軟件中的插入菜單欄中的圖像按鈕，會(huì)出現(xiàn)圖像，點(diǎn)擊之后會(huì)出現(xiàn)一個(gè)對(duì)話框；這個(gè)對(duì)話框彈出來(lái)就是為了讓你選擇圖片，選擇好圖片之后，就開(kāi)始選擇相應(yīng)的參數(shù)來(lái)確定圖像在網(wǎng)頁(yè)中的位置；設(shè)置完這些參數(shù)以后，回到最初的插入圖像的界面點(diǎn)擊確定，這樣圖像才真正被導(dǎo)入了，就開(kāi)始設(shè)置圖像的特性，這就需要通過(guò)屬性檢查器設(shè)置，在這里所選擇的內(nèi)容比較多，而用戶最需要關(guān)注的是三項(xiàng)內(nèi)容，分別為源文件、替換以及鏈接。HTML語(yǔ)言代碼的功能非常強(qiáng)大，它可是實(shí)現(xiàn)以上所介紹的所有功能，但是需要熟練掌握HTML語(yǔ)言的編程，掌握這個(gè)語(yǔ)言的技巧，這樣才能方便快捷的將圖像插入到網(wǎng)頁(yè)當(dāng)中來(lái)，例如IMG是一個(gè)HTML語(yǔ)言的圖像標(biāo)簽，其基本語(yǔ)法是：<imgsrc=“圖片位置”>圖片的位置上所填寫的內(nèi)容應(yīng)該是相對(duì)位置，這個(gè)標(biāo)簽語(yǔ)言與其他語(yǔ)言相比較為特殊，因?yàn)樗皇浅蓪?duì)出現(xiàn)，只有開(kāi)始標(biāo)簽。網(wǎng)頁(yè)設(shè)計(jì)中擁有兩個(gè)常見(jiàn)應(yīng)用，一種是通過(guò)移動(dòng)鼠標(biāo)來(lái)使圖像進(jìn)行變換，這需要準(zhǔn)備好兩張照片并配合Photoshop技術(shù)；具體操作步驟是打開(kāi)既定網(wǎng)頁(yè)之后，將鼠標(biāo)放到網(wǎng)頁(yè)中的任何一個(gè)圖片上，這時(shí)立馬就會(huì)出現(xiàn)另外一張圖片，但是如果將鼠標(biāo)移開(kāi)之后就會(huì)重新顯示原來(lái)的圖片。當(dāng)然這需要HTML、JavaScript中的功能函數(shù)來(lái)實(shí)現(xiàn)這樣的效果，且必須要準(zhǔn)備至少兩張照片，這樣才能相互切換，兩張圖片的規(guī)格要是一樣的，如果沒(méi)有完全一樣規(guī)格的照片，一般情況下，設(shè)計(jì)者一般是選擇Photoshop技術(shù)來(lái)對(duì)這些圖像進(jìn)行處理。一種是在網(wǎng)上制作相冊(cè)，許多博客網(wǎng)站會(huì)看到并配合使用Fireworks進(jìn)行處理。當(dāng)使用電腦瀏覽別人的博客或者QQ空間上的相冊(cè)時(shí)，你會(huì)發(fā)現(xiàn)很多優(yōu)美而生動(dòng)的照片會(huì)按照某一種順序排列好進(jìn)行切換，當(dāng)瀏覽者將鼠標(biāo)任意點(diǎn)擊其中的一張照片時(shí)，你會(huì)發(fā)現(xiàn)，通過(guò)點(diǎn)擊的小圖，其中的大圖立馬就會(huì)顯現(xiàn)出來(lái)，這種效果的原理是利用網(wǎng)頁(yè)設(shè)計(jì)技術(shù)將選取的一些圖片放置到指定的文件夾中，通過(guò)程序代碼來(lái)調(diào)用這個(gè)文件夾里面的圖片，且按照某種方式觸發(fā)這些圖片的調(diào)用和切換，這種技術(shù)通常采用的軟件是Fireworks。

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

網(wǎng)頁(yè)設(shè)計(jì)中使用適當(dāng)?shù)膱D像意義非凡，例如可以做網(wǎng)站的標(biāo)志、網(wǎng)頁(yè)的背景以及關(guān)鍵圖等。當(dāng)做網(wǎng)站標(biāo)志時(shí)，可以讓瀏覽者印象深刻，讓其了解產(chǎn)品品牌，例如新浪中的sina的這個(gè)標(biāo)志，讓人們一眼能看出是新浪的。網(wǎng)頁(yè)背景圖主要是用來(lái)烘托整個(gè)網(wǎng)頁(yè)中表達(dá)內(nèi)容的主題。這兩者互相映襯，讓主題更具有感染力。關(guān)鍵圖在網(wǎng)頁(yè)中展示可以讓瀏覽者更醒目，讓瀏覽者一眼將網(wǎng)頁(yè)掃過(guò)去就知道重點(diǎn)在哪里，這種表達(dá)方式更直觀。將一些圖像處理技巧應(yīng)用于網(wǎng)頁(yè)中，可以給網(wǎng)頁(yè)錦上添花，主要是從圖像尺寸和外形著手，可以通過(guò)設(shè)計(jì)主標(biāo)題和副標(biāo)題讓網(wǎng)頁(yè)更加突出，再配上內(nèi)容，那必然會(huì)無(wú)與倫比。對(duì)于圖像的外形，主要是針對(duì)不同形狀采取不同的措施，這些形狀大致包括方形、菱形、圓形、三角形以及個(gè)性化圖像等，方形是生活中比較常見(jiàn)的，也是使用較多的圖形；菱形沒(méi)有方形那樣的嚴(yán)肅沒(méi)但是使用起來(lái)更加靈動(dòng)；圓形的使用會(huì)給瀏覽著帶來(lái)一種充實(shí)感，因?yàn)槠鋷в械那€較柔和；三角形圖像能很好的闡釋動(dòng)感有個(gè)性的內(nèi)容，總之根據(jù)情況而定使用，而使用的目的是使網(wǎng)頁(yè)更具美感，更具有感染力再配合新奇的創(chuàng)意，使得網(wǎng)頁(yè)更加引人注意。

3結(jié)語(yǔ)

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

參考文獻(xiàn)

［1］王燕軍.網(wǎng)頁(yè)設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用［J］.電子技術(shù)與軟件工程，2016，（13）：104.

［2］雷萌.如何在網(wǎng)頁(yè)設(shè)計(jì)中運(yùn)用計(jì)算機(jī)圖像處理技術(shù)［J］.信息與電腦（理論版），2016（2）：156-157.

作者：蘇暢 單位：黑龍江工業(yè)學(xué)院