網頁設計中圖像處理技術的應用

摘? 要： 我國的經濟地位在各方面技術穩(wěn)定發(fā)展的背景下也得到了很大程度的提升，特別是在計算機圖像處理方面，有著十分顯著的成績。但與此同時，人們對于網頁設計的要求也在日益增強，人們除了追求外觀以外，還對網頁的打開速度以及信息豐富度提出了更高的要求。因此，本文通過闡述圖像處理技術的相關概念，分析了其在網頁設計中的應用功能以及相關處理技巧，最后對網頁設計中圖像處理技術的應用策略進行了探討。

關鍵詞： 網頁設計;圖像處理技術;概念;功能;技巧，策略

中圖分類號： TP311.5 ???文獻標識碼： A??? DOI：10.3969/j.issn.1003-6970.2020.07.049

本文著錄格式：薛若禹. 網頁設計中圖像處理技術的應用[J]. 軟件，2020，41（07）：239-241

The Application of Image Processing Technology in Web Design

XUE Ruo-yu

（NanJing Forestry University nanjing 210037， China）

【Abstract】： Chinas economic status has also been greatly improved under the background of stable development ?of various technologies， especially in the field of computer image processing. But at the same time， people's requirements for web design are also increasing. In addition to the pursuit of appearance， people also put forward higher requirements for the opening speed and information richness of web pages. Therefore， this paper describes the related concepts of image processing technology， analyzes its application function and related processing skills in web design， and finally discusses the application strategy of image processing technology in web design.

【Key words】： Web design; Image processing technology; Cconcept; Function; Skill; Strategy

0? 引言

社會在快速的發(fā)展，我國的信息技術與科學技術也得到了很大程度的提升與完善，現(xiàn)代行業(yè)的? 發(fā)展與網頁設計與建設都有著十分重要的聯(lián)系，因此企業(yè)要想在殘酷的市場競爭中獲得長遠發(fā)展，就要重視與企業(yè)相關的網站設計與網頁設計工作。為了能夠促進網頁設計工作質量的提升，我們就需? 要用相關的圖形圖像處理技巧提升網頁質量與設計水平。

1 ?計算機圖像處理技術的概念

所謂圖像處理技術，就是指在計算機技術的基礎上，對圖像進行科學的處理，利用數(shù)字化、多媒體、虛擬化等多元化的技術對圖像進行有效設計，再把設計好的產品運用到網頁設計中，提升網頁設計質量^[1]。其次，圖像處理軟件可以對圖像的大小、像素等進行改變，再融入創(chuàng)意化的設計元素，這樣才能基本符合設計者的要求，同時對圖像進行轉變的過程，也能更加與網站內涵互相結合。最后在轉變圖像時，要有效把圖像轉化為數(shù)字圖形，再進行代碼解讀，這樣也可提升計算機圖像處理技術，促進網頁設計美感與實用性的提升。

2 ?計算機圖像技術在網頁設計中的功能

2.1 ?強烈的視覺沖擊

社會在不斷的發(fā)展，互聯(lián)網時代給人們的生活帶來了很大的改變，人們可以從WEB資源網站、網站發(fā)布以及網頁等方式獲取信息，這些網站資源最主要的來源就是各種網頁信息，因此資源網站也促進了網頁的基本發(fā)展^[2]。人們對信息資源的需求在日漸增加，因此網站提供者要根據(jù)使用者的需求

不斷對網站進行設計更新，例如就目前的網站制作行業(yè)來說，如何增加用戶數(shù)量成為了一個核心的問題，為了能夠有效吸引用戶，為用戶帶來更精彩的體驗，網站方面一定要利用豐富的網頁圖像，使用戶能夠在閱讀更少文字的基礎上獲得更多的信息內容，獲得良好的閱讀感受。在對網站進行開發(fā)與管理時，要特別重視圖像信息的重要性。圖像是一種最直觀的展示信息的方式^[3]。有關數(shù)據(jù)顯示，人們對圖像的認可度遠遠超過文字認可度。與傳統(tǒng)文本形式相比，用戶可以更加自如的選擇關閉圖像信息網頁。有關調查表明，有超過70%的用戶均認為，網上沖浪時閱讀圖像遠遠比閱讀文字的時間更短且更加有趣生動，如果網站沒有配備合適的圖像信息，就無法有效吸引用戶。因此，在對網頁進行建立以及維護時，還要特別加強網頁內容的健康性。

2.2? 信息引導功能

網頁設計的圖像不是隨機的，其主要的用途是需要改善用戶的視覺感受，還要在提供健康內容的基礎上不斷補充以及更新圖像信息內容，這樣才能更好地促進用戶與網絡進行溝通。在初步建立網頁時要根據(jù)內容的大小選擇合適且具有個性化的文本進行展示。因為讀者要對網頁中的重要信息進行拾取，圖像能夠更加直觀清晰地向觀眾呈現(xiàn)自身的內容價值，觀眾才能獲得更具影響的信息^[4]。首先，網站還要根據(jù)圖像的信息，用相關的計算機技術對圖像進行處理，把其與呈現(xiàn)的內容緊密聯(lián)系，圖像可以展示一些關鍵性的信息以及詞匯，可以使觀眾更加迅速且高效地對網頁進行瀏覽，可以通過網頁所提供的信息獲得自己想要的信息，縮短網頁瀏覽時間，獲得更好的網頁體驗。其次，網頁圖像內容與信息內容互相結合的方式，能使一些信息利用文字的方式表示出來。一般來說，我們提供的信息可能會相對不準確，特定的視頻以及圖像能夠更加精確地為用戶提供圖像中要表達的信息，能夠利用各種真實的場景向用戶展示更重要的關鍵信息。

3 ?圖形圖像處理技巧分析

3.1? 去噪處理技巧

圖形圖像技術與網頁的融合會帶來一定的噪聲，其主要的原因是因為圖像自身的屬性。因此，為了能夠進一步消除噪聲帶來的不良影響，相關人員要把噪聲處理技巧與網頁設計進行改善，這樣能夠促進整體布局的提升^[5]。

3.2 ?增強處理技巧

增強處理技巧是指在后期制作時，對圖像周圍的影像進行淡化處理，可以進一步突出中心主題，這樣的技術不僅可以增強畫面的畫質感，還可以達到美化的作用。圖形圖像增強處理技術十分突出，可以分成很多類型，比如色彩增強、中心銳化、邊緣模糊等。

3.3? 壓縮處理技巧

一般來說，圖形和圖像壓縮技術將廣泛應用于數(shù)字圖形和圖像中，對數(shù)字圖像中混雜的數(shù)據(jù)信息進行有效的壓縮處理，可以有效地提高圖形圖像的像素級和顏色分辨率，從而避免圖形圖像的失真，保證圖形圖像的質量，提高壓縮比。

4 ?網頁設計中計算機圖像處理技術的應用策略探討

在當前網頁設計過程中，應用計算機圖像處理技術，可以了解圖像形態(tài)的變化、圖像應用的意義，明確具體網頁的圖像處理技巧，合理的圖像分布，改進整體設計^[6]。

4.1 ?加強對各種圖像形式的認知

有許多類型的計算機圖像形式，包括截圖和攝影。首先，攝影在網上有一定的場景，內容表達直觀，更容易被觀眾接受。在網頁設計過程中，圖片的引入可以傳遞網頁設計的思想，同時，在圖像瀏覽過程中，觀眾也會吸引他的視覺和注意力，利用計算機圖像處理技術對照片進行處理，并添加文字描述，幫助瀏覽者獲得視覺體驗。因此，網頁設計師應綜合運用各種圖像形式，設計圖像的大小、顏色和彈出方式，并顯示一定的頁面效果。其次，插圖是網頁設計的一種方法，在應用過程中，插入圖片來表達要傳遞的具體信息，使訪問者獲得直觀的感受，插圖可以來自真實的圖片或相關的繪畫，根據(jù)實際情況進行選擇，插入圖形、符號、窗體、視覺提升對訪客的視覺影響，為提高網頁設計的質量打下基礎^[7]。

4.2? 促進對圖像的合理分配

在網頁設計過程中，圖像起著非常重要的作用，要合理分配圖像的位置和大小。不同的網頁對圖像有不同的要求，圖像應根據(jù)網頁的樣式顯示。例如，一些網頁傾向于浪漫主義，因此圖像應該是柔和的和審美的。網頁設計者應遵循網頁的風格，選擇合適的圖片為網頁增色。其次，作為圖像的背景，我們需要添加一些文本來豐富網頁設計的內容，因此，用文本來解讀圖像可以加深瀏覽者的印象。此外，在網頁設計過程中，應注重插圖和線條圖形在網頁背景上的裝飾以體現(xiàn)整體風格。例如，在一些企業(yè)網站的網頁設計過程中，網頁上往往會放置企業(yè)的標志，這樣可以加深瀏覽者對企業(yè)的印象，促進企業(yè)發(fā)展，提高企業(yè)的核心競爭力。

4.3? 掌握圖像處理技巧

在網頁設計過程中，網頁設計者要運用計算機圖像處理技術，掌握具體的處理技巧和方法，使網頁更加美觀，傳遞中心思想，吸引訪問者的注意力。因此，計算機圖像處理技術要根據(jù)網頁設計布局決策的現(xiàn)狀，合理地設計圖像的大小、形狀和位置。作為網頁的主體，有必要使網頁設計與眾不同，對網頁綜合運用不同的圖像，豐富版面，展示網頁內容^[8]。

（1）圖像尺寸

在總體布局中，大小影響網頁的直觀效果。如果圖片尺寸過大，網頁的設計效果會很差，因此，有必要對網頁圖像的大小進行合理的調整，使所傳達的內容更加精細，從而吸引觀眾的注意力。同時，在網頁設計中要將圖像和文本結合起來，展現(xiàn)網頁的主標題和副標題，以引起更多的關注，達到設計效果。

（2）圖像外形

在網頁設計過程中，需要整合不同的圖像特征。例如，當我們看到一個圓形的圖像時，它往往會給人們帶來溫暖，而一個正方形的圖形則會給人們一種規(guī)律感。因此，我們需要選擇不同形狀的圖形，針對規(guī)則與否、對稱與否等問題，不規(guī)則圖像往往給人一種運動的感覺，而規(guī)則圖像則給人一種嚴謹?shù)母杏X^[9]。

（3）配置網頁中的圖片顏色

不同的圖片在網頁設計中有著不同的效果，因此我們應該突出不同圖片的特點，優(yōu)化網頁的設計風格。同時，圖像也是網頁設計的重要組成部分，要用圖表和背景來呈現(xiàn)，配以相關文字，提高整體設計效果，并利用計算機圖像處理技術對網頁中圖片色彩進行合理設置，豐富網頁設計的內容，體現(xiàn)其個性化發(fā)展。

（4）設置圖片格式

圖像格式在網頁設計過程中起著非常重要的作用，根據(jù)計算機網頁設計的要求，合理選擇圖像格式，保證設計的合理性，特別是對于要求較高的圖像，需要使用圖像、截圖、鏈接圖像設置模式，給整體瀏覽帶來一定的視覺效果。其次，優(yōu)化網頁設計形式，把握整體設計效果，保證形象設計的合理性，采用不同的形象設計形式^[10]。

5 ?總結

綜上所述，為了使圖像處理技術在網頁設計中發(fā)揮更大的作用，使人們能夠更方便、更高效地進行圖像處理，從而提高網頁搜索速度和頁面流暢性，圖像處理技術人員需要對新的圖像處理技術進行增強，不斷發(fā)展和創(chuàng)新，努力擴大圖像處理技術的應用。

參考文獻

1. 王宏義. 基于視頻圖像的交通事件檢測系統(tǒng)研究與開發(fā)[J]. 公路與汽運， 2017， 5（3）： 57-60.

2. 蔡健榮， 孫海波， 李永平. 基于雙目立體視覺的果樹三維信息獲取及重構[J]. 農業(yè)機械學報， 2012， 43（3）： 152-156.

3. 賈磊. 基于機器視覺的公路隧道襯砌檢測系統(tǒng)研究. 山西交通科技， 2016， （06）： 98-100+106.

4. 蔣昊朋. 新媒體環(huán)境下網頁設計發(fā)展趨勢分析[J]. 赤峰學院學報： 自然科學版， 2017， 33（4）： 15-17.

5. 陳利萍. 以培養(yǎng)電子商務專業(yè)人才為目標的圖形圖像處理課程教學探討[J]. 當代教育實踐與教學研究， 2016（9）： 229， 228.

6. 吳雪毅， 楊德義. 網頁設計中計算機圖像處理技術的應用[J]. 信息與電腦（理論版）， No. 399（5）： 6-7.

7. 李淑玲. 網頁設計中計算機圖像處理技術的應用[J]. 信息與電腦（理論版）， No. 394（24）： 163-164.

8. 王萍. 淺談網頁設計的圖像[J]. 中國美術， 000（6）： 122-124.

9. 陳智蓋. 新時期網頁設計中計算機圖像處理技術應用分析[J]. 計算機光盤軟件與應用， 2014（15）： 219-220.

10. 楊威. 網頁設計與圖形圖像處理技術探析[J]. 電子制作（8）： 96-96.