趙書恒

摘要：網(wǎng)頁設計是網(wǎng)絡化信息資訊平臺的重要載體，而圖像處理是實現(xiàn)網(wǎng)頁美化效果，增強網(wǎng)站服務質(zhì)量的主要手段。比如菜單欄、LOGO、內(nèi)容欄、導航條等組件在圖像處理后，其色彩、亮度、色彩平衡等方面將為瀏覽者提供統(tǒng)一、和諧、舒適的視覺環(huán)境。

關鍵詞：網(wǎng)頁設計 圖像處理 方法應用

網(wǎng)頁設計是對計算機與網(wǎng)絡技術綜合應用的編程方法，既要關注文字、圖像、視頻素材的有效呈現(xiàn)，還要兼顧網(wǎng)絡傳輸需求，以為瀏覽者提供快速、穩(wěn)定、高效、美觀的網(wǎng)頁環(huán)境。從網(wǎng)頁設計內(nèi)容來看，包括網(wǎng)頁內(nèi)容、菜單、Logo及其他組件，這些網(wǎng)頁要素在視覺呈現(xiàn)上，需要從圖像處理方法中來進行綜合優(yōu)化，確保瀏覽者的視覺愉悅?，F(xiàn)就圖像處理的作用及具體方法展開探討。

一、網(wǎng)頁設計中圖像處理技術的作用

圖像處理技術主要是利用虛擬化手段，對現(xiàn)有的圖像素材進行加工、美化，增強網(wǎng)頁的視覺表現(xiàn)力。比如在圖像采集中運用去噪技術，來提升圖像信息的展示質(zhì)量；利用圖像增強技術來對重點信息進行標注，弱化不重要的信息，如對色彩進行增強，對背景進行虛化等；利用圖像壓縮技術來減少圖像的內(nèi)存占用量，提升網(wǎng)頁運行速度等。總體來說，借助于圖像處理技術來優(yōu)化網(wǎng)頁，其作用表現(xiàn)在三方面：一是便于對不同圖像樣式進行整合與統(tǒng)一。由于網(wǎng)頁設計中對圖像素材的運用較多，不同圖像在設計中的格式、要求也不一致。如有的是截圖，有的是攝影圖，這些圖像在視覺呈現(xiàn)上也存在差異。為此，需要經(jīng)過圖像處理技術，來對圖像進行加工和美化處理，使其能夠滿足網(wǎng)頁瀏覽需要，還能提升網(wǎng)頁運行速度。二是便于對網(wǎng)頁圖像大小的控制。從網(wǎng)頁瀏覽到運行狀態(tài)來看，影響網(wǎng)頁傳輸?shù)闹饕蛟谟趫D像數(shù)據(jù)較多。如有的圖像所占內(nèi)存較大，運行時滯性長。但如果過于壓縮圖像，反而降低了圖像展示的美學效果。所以，通過圖像處理，來把握圖像的大小、圖片的清晰度之間的關系，使其具有高質(zhì)量的網(wǎng)頁傳輸和顯示效果。三是便于提升網(wǎng)頁的表現(xiàn)效果。圖像在網(wǎng)頁設計中占主要地位，不同的圖像組合所打造的網(wǎng)頁設計風格迥異。比如以圖表方式展示的圖像，更具有可觀性；另外，將背景融入到圖像中，可以提升網(wǎng)頁的視覺表現(xiàn)力；在圖像中適當搭配文字或其他要素，來營造多樣化、個性化網(wǎng)站風格。

二、網(wǎng)頁圖像處理的主要內(nèi)容

網(wǎng)頁中的圖像處理，所選用的工具有Photoshop、Dreamweaver，ColrelDraw等軟件，利用這些軟件，可以實現(xiàn)對網(wǎng)頁圖像的優(yōu)化處理。一是表現(xiàn)在圖像色彩的處理。色彩是影響視覺效果的重要元素，色彩的應用貫穿于生活的方方面面。比如穿衣搭配中對不同色彩衣服的科學組合。同樣，在網(wǎng)頁設計中，對于所用到的圖像，也需要從色彩的調(diào)節(jié)上來確保與內(nèi)容、也網(wǎng)頁主題的對應。否則，整個網(wǎng)頁圖像色彩雜亂無章，影響瀏覽者的訪問熱情。通常情況下，在網(wǎng)頁圖像色彩處理上，以某一主色調(diào)為基準，來選擇其他幾個色彩來進行輔助美好。如輔助色調(diào)一般為3-5種顏色。當然，在色彩的選擇上，通常不能跨度太大，即在視覺感知上要避免色彩生硬搭配，要從色彩的情感屬性、視覺屬性上進行合理選擇，保障整個網(wǎng)頁畫面的融合度、色彩一致度。二是對版面的處理。版面是網(wǎng)頁設計的基本框架，高質(zhì)量的網(wǎng)頁設計，其版面往往更具特色。主題是網(wǎng)頁版面的首要內(nèi)容，設計鮮明的主題，要善于從網(wǎng)頁圖像處理中來烘托主題氛圍，綜合網(wǎng)頁其他要素包括文字、聲音等內(nèi)容進行有效規(guī)劃，合理編排，優(yōu)化各自的主次關系，增強網(wǎng)頁設計的層次性、鮮明性、主題性。在頁面內(nèi)容上要強調(diào)色彩的統(tǒng)一布局。色彩與網(wǎng)頁內(nèi)容要具有關聯(lián)性、一致性，可以在圖像上面增加文字，或者在旁邊添加文字，也可以將圖像與其他圖像進行銜接組合來展現(xiàn)主題。另外，網(wǎng)頁的色彩要與網(wǎng)頁內(nèi)容保持有序統(tǒng)一，可以通過錯落感來突顯個性，也可以通過順序布局來保持網(wǎng)頁的和諧對稱。

三、網(wǎng)頁圖像處理的主要方法

結(jié)合網(wǎng)頁設計，對網(wǎng)頁中的圖像處理方法，主要是利用圖像編輯軟件實現(xiàn)對圖像素材的轉(zhuǎn)化和處理，使其滿足網(wǎng)頁設計需求，其方法主要有四點。

（一）完成對不同圖像格式的轉(zhuǎn)化

從網(wǎng)頁設計與圖像編輯實踐中，并非所有的圖像格式都適宜網(wǎng)頁。為了更有效的傳輸圖像，確保更穩(wěn)、更快、更高效的用戶響應質(zhì)量，在網(wǎng)頁設計中主要運用GIF、PNG、JPEG等格式的圖片，這些圖片占用內(nèi)存空間少，圖片顯示質(zhì)量高。比如在網(wǎng)頁導航欄的圖標設計中，我們可以選用動態(tài)的GiF圖片，以動態(tài)的點綴效果來增強網(wǎng)頁頁面的視覺展示效果，也能夠更好的突出網(wǎng)頁的設計主題。不過，由于GIF動畫圖片格式有一定的要求，在進行轉(zhuǎn)換時，要結(jié)合網(wǎng)頁設計內(nèi)容，網(wǎng)頁所要表達的主題方向，來靈活的選擇圖像格式，確保圖像顯示全面、穩(wěn)定。當然，在網(wǎng)頁設計中還需要處理一些矢量圖，這些由直線、曲線等生成的圖像，其在處理中可以保持透明的背景，再融入PNG格式的圖片，來突出整個圖像的清晰度和吸引力。還有JPEG格式的圖片，壓縮比較大，占用空間少，響應速度快，可以提升整個網(wǎng)頁的加載速度。

（二）對圖像質(zhì)量的處理方法

圖像質(zhì)量關系到網(wǎng)頁設計的整體視覺效果，圖像本身包含了重要信息，如文字、色彩、符號等內(nèi)容，這些圖像在顯示過程中，如果處理不當，會影響視覺效果，甚至弱化圖像質(zhì)量。所以，圖像質(zhì)量的控制，主要從圖像的采集環(huán)節(jié)，提升圖像的分辨率，在圖像的顯示環(huán)節(jié)，采用相應的美化手段，如邊緣銳化，色彩強化，背景虛化等處理方法，來提升圖像的整體清晰度。

（三）對圖像壓縮的處理方法

網(wǎng)頁設計中的圖像本身，需要進行壓縮處理，來減少對內(nèi)存的占用，來提升網(wǎng)頁的響應速度。由于網(wǎng)頁設計中用到的圖像要素較多，不同圖像在壓縮處理上也采用不同方式。如果對于主體圖像，壓縮率太高，則可能導致圖像失真而看不清晰，反而影響了網(wǎng)頁展示效果。所以，在對圖像進行壓縮時，要結(jié)合圖像的內(nèi)容及用途，正確、合理的選擇壓縮方式，來實現(xiàn)更好的顯示效果。

（四）對比與互補色的處理方法

從網(wǎng)頁設計的圖像整體來看，需要從藝術審美視角來實現(xiàn)整個畫面色彩的一致性，以增強美感，打破凌亂和沉悶。網(wǎng)頁設計中的色彩對比與互補處理，主要從色彩的綜合性上，對不同色彩進行調(diào)和，使其具有一定的差異性，又能夠突顯鮮明的主題色彩。

參考文獻：

[1]雒虹.計算機網(wǎng)頁設計中的圖像處理技術探討[J].現(xiàn)代職業(yè)教育，2016，（15）.

[2]張紅軍.計算機圖像處理技術在網(wǎng)頁設計中的運用[J].電子技術與軟件工程，2017，（15）.

（作者單位：商丘市第一高級中學高二一班）