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

李婉瑩

（西安翻譯學院，陜西 西安 710105）

前言：人類的發展已經進入到了互聯網時代，對網頁設計提出了更高的要求。因此，在保證網頁設計可靠性與穩定性的基礎上，合理運用計算機圖像處理技術提升網頁的美觀，是網頁在激烈的競爭中獲得優勢的重要手段。

一、計算機圖像處理技術

（一）去噪處理技術

高斯噪點、量化噪點是圖像制作中常見的問題，是由于軟件內部器件量化處理功能出現缺陷導致的，使得圖片像素受到嚴重影響。去噪處理技術能夠有效解決這類問題，用到的技術手段有“中值濾波”、“均值濾波”，主要工作原理是排列圖片像素中的灰度值，并利用相關技術將中間值或噪點強度數值化，進而完成圖像降噪處理工作。

（二）增強處理技術

增強處理技術包括圖像變換、剪切、銳化以及加濾鏡、加飽和度、加曝光等，并借助圖像處理軟件淡化圖像中的瑕疵，實現圖片特性的增強。圖像增強技術可有效提升圖像的清晰度，可將黑白圖像還原為彩色圖像，并借助一系列增強手段，結合光學、視覺等原理，提升圖像的吸引力。因此，圖像增強處理技術具有十分廣闊的應用空間[1]。

（三）壓縮處理技術

壓縮處理技術是處理圖像中經常用到的技術，主要分為無損壓縮與有損壓縮，兩種壓縮方式的處理效果、處理時間存在較大差異，根據實際需要進行合理選擇。該技術主要是壓縮圖像自身數據，以此實現信息的有效傳遞，在很大程度上能夠避免圖像失真現象的發生，以滿足不同用戶對圖像的制作的需求。

二、計算機圖像處理技術在網頁設計中的應用方式

（一）調整網頁設計中的圖像大小

將計算機圖像處理技術應用到網頁設計中，必須從整體協調性出發，對圖片素材大小進行調整，一般有以下幾點注意事項：一，注意計算機屏幕尺寸。屏幕尺寸的大小對圖像尺寸有著直接的影響，在進行網頁設計時，要注意計算機的長寬與圖像大小間的關系，避免對設計效果產生影響。二，注意圖像清晰度。圖像大小與圖像清晰度之間有著密切聯系，圖片過大或過小，都會影響整體設計質量。在實際處理圖像過程中，全方位、多角度地考慮各種因素，根據圖像大小需求選擇適用的格式范圍，然后通過Photoshop或Fierworks將圖像導出，并根據網頁主題顏色、設計大小對圖片、動畫展開具體設計與制作，同時注意衡量屏幕分辨率、圖像大小、圖像質量、網頁效果之間的關系，進而得到理想效果。動態度、拍攝圖也是網頁制作中常用到的圖像素材，例如，網易、新浪等這些應用，通過動態圖片以及視頻為用戶帶來了更加真實的感受，使得瀏覽者在閱讀時的代入感得到增強。在設計時，不僅要滿足網頁制作趣味性以及基本功能，也要注意動態圖片的大小，只有合理使用動態圖像素與靜態圖像素材，才能保證網頁設計效果，讓頁面更加簡潔美觀[2]。

（二）優化網頁設計中的圖像角色配置

圖像大小、功能、位置等會在一定程度上影響網頁設計效果。例如，網頁中常見的黃色小三角圖像表示網頁使用功能受限或無法繼續使用，網頁出現故障或功能失效則會用紅色感嘆號表示。因此，利用計算機圖像處理技術對網頁矢量進行處理，是網頁設計中的重要內容，合理地擺放、處理Logo，有利于增加網頁瀏覽量，加深用戶對某公司的印象。一般情況下，Logo就好似網站的眼睛，圓形的標志會給人一種溫暖的感受，不規則圖形的標志會給人帶來一種動態美，對提升網頁文化具有重要意義。以小米公司Logo為例，Logo僅僅是兩個字母組合，但卻要利用計算機圖像處理技術合理安排MI兩字母的顏色、位置，并讓Logo具有較強的代表性，加深小米公司在人們腦海中的印象，提高公司業績。此外，圖像在網頁中的位置會影響網頁的風格，例如，真實的圖片會增強網頁的真實性，色彩絢麗的圖像會增加網頁的浪漫性。此外，可采用線形圖或插圖修改網頁背景，與整體風格相協調，提升瀏覽效果。因此，網頁設計不是圖像的簡單拼湊，而是充分發揮出圖像具備的功能與作用，使得網頁更加豐富[3]。

（三）改變網頁設計中的圖像格式

為獲得豐富的網頁設計圖像素材，主要經過三個階段：一，利用照相設備、掃描設備、圖像采集器等設備，獲取顯示生活中的圖像，并利用計算機設備將目標原始圖像轉換為能夠保存的圖像，例如HSI、HSV、RGB、Lab等。二，利用計算機圖像處理算法，對保存下來的圖片素材進行裁剪、去噪、變換等處理。三，經過前兩步會獲得符合初步要求的圖片素材，并從中提取、輸出優質的信息，例如紋理、顏色、形態等，完成網頁制作中計算機圖像處理工作。一般情況下，圖像文件格式主要分為JPEG、GIF、PNG三種，其中，JPEG格式的主要特點是壓縮比較高，這種圖片壓縮格式能夠去除圖像中無價值的色彩數據與圖像數據，有效緩解計算機儲存空間不足的局面，且不會影響照片質量。GIF格式應用范圍較廣，屬于圖像交互格式的一種，同時結合無損壓縮算法提高圖片顏色上限，顏色最多可達256種。GIF格式還能支持網頁設計中的動畫制作，為互聯網上信息的傳播提供極大的便利。PNG格式是近些年隨著網絡技術發展所得到的技術產物，其適用性強、應用范圍廣，優勢也較JPEG與GIF格式多。因此，網頁設計人員為使頁面能夠達到預期效果，就要保證圖像質量不能超出計算機屏幕的分辨率，避免計算機屏幕尺寸對圖像質量產生影響，保證圖像清晰。

結論：綜上所述，人們在瀏覽網頁時，關心網頁本身性能、實用性的同時，同樣關注網頁的美觀性。因此，在網頁設計中，技術人員要充分了解網頁中圖像使用原則以及表現形式，合理運用計算機圖像處理技術，進而促進圖像處理技術長遠發展。