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

關(guān)鍵詞： 網(wǎng)頁設(shè)計(jì);圖像處理技術(shù);概念;功能;技巧，策略

中圖分類號： TP311.5 ???文獻(xiàn)標(biāo)識碼： A??? DOI：10.3969/j.issn.1003-6970.2020.07.049

本文著錄格式：薛若禹. 網(wǎng)頁設(shè)計(jì)中圖像處理技術(shù)的應(yīng)用[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ā)展，我國的信息技術(shù)與科學(xué)技術(shù)也得到了很大程度的提升與完善，現(xiàn)代行業(yè)的? 發(fā)展與網(wǎng)頁設(shè)計(jì)與建設(shè)都有著十分重要的聯(lián)系，因此企業(yè)要想在殘酷的市場競爭中獲得長遠(yuǎn)發(fā)展，就要重視與企業(yè)相關(guān)的網(wǎng)站設(shè)計(jì)與網(wǎng)頁設(shè)計(jì)工作。為了能夠促進(jìn)網(wǎng)頁設(shè)計(jì)工作質(zhì)量的提升，我們就需? 要用相關(guān)的圖形圖像處理技巧提升網(wǎng)頁質(zhì)量與設(shè)計(jì)水平。

1 ?計(jì)算機(jī)圖像處理技術(shù)的概念

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

2 ?計(jì)算機(jī)圖像技術(shù)在網(wǎng)頁設(shè)計(jì)中的功能

2.1 ?強(qiáng)烈的視覺沖擊

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

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

2.2? 信息引導(dǎo)功能

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

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

3.1? 去噪處理技巧

圖形圖像技術(shù)與網(wǎng)頁的融合會帶來一定的噪聲，其主要的原因是因?yàn)閳D像自身的屬性。因此，為了能夠進(jìn)一步消除噪聲帶來的不良影響，相關(guān)人員要把噪聲處理技巧與網(wǎng)頁設(shè)計(jì)進(jìn)行改善，這樣能夠促進(jìn)整體布局的提升^[5]。

3.2 ?增強(qiáng)處理技巧

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

3.3? 壓縮處理技巧

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

4 ?網(wǎng)頁設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用策略探討

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

4.1 ?加強(qiáng)對各種圖像形式的認(rèn)知

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

4.2? 促進(jìn)對圖像的合理分配

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

4.3? 掌握圖像處理技巧

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

（1）圖像尺寸

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

（2）圖像外形

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

（3）配置網(wǎng)頁中的圖片顏色

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

（4）設(shè)置圖片格式

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

5 ?總結(jié)

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

參考文獻(xiàn)

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

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

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

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

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

6. 吳雪毅， 楊德義. 網(wǎng)頁設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用[J]. 信息與電腦（理論版）， No. 399（5）： 6-7.

7. 李淑玲. 網(wǎng)頁設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用[J]. 信息與電腦（理論版）， No. 394（24）： 163-164.

8. 王萍. 淺談網(wǎng)頁設(shè)計(jì)的圖像[J]. 中國美術(shù)， 000（6）： 122-124.

9. 陳智蓋. 新時期網(wǎng)頁設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)應(yīng)用分析[J]. 計(jì)算機(jī)光盤軟件與應(yīng)用， 2014（15）： 219-220.

10. 楊威. 網(wǎng)頁設(shè)計(jì)與圖形圖像處理技術(shù)探析[J]. 電子制作（8）： 96-96.