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

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

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

本文著錄格式：薛若禹. 網(wǎng)頁(yè)設(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? 引言

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

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

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

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

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

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

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

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

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

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

3.1? 去噪處理技巧

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

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

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

3.3? 壓縮處理技巧

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

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

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

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

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

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

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

4.3? 掌握?qǐng)D像處理技巧

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

（1）圖像尺寸

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

（2）圖像外形

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

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

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

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

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

5 ?總結(jié)

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

參考文獻(xiàn)

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

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

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

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

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

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

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

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

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

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