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

譚昊琳

摘要：網(wǎng)頁(yè)設(shè)計(jì)中圖像的處理越來(lái)越重要。網(wǎng)頁(yè)設(shè)計(jì)中的圖像計(jì)算機(jī)處理進(jìn)行了概念的介紹，對(duì)計(jì)算機(jī)圖像處理的重要性也進(jìn)行了分析。為了給網(wǎng)頁(yè)設(shè)計(jì)中的圖像處理更好，提高瀏覽量，提出了網(wǎng)頁(yè)設(shè)計(jì)中的計(jì)算機(jī)圖像處理技術(shù)的措施。

關(guān)鍵詞：計(jì)算機(jī);圖像處理技術(shù);網(wǎng)頁(yè)設(shè)計(jì)

中圖分類號(hào)：TP3 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1007-9416（2020）02-0115-02

隨著計(jì)算機(jī)技術(shù)的不斷提高和成熟，推動(dòng)者網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展。計(jì)算機(jī)圖像處理技術(shù)是網(wǎng)頁(yè)設(shè)計(jì)中必不可少的計(jì)算機(jī)技術(shù)，如何處理網(wǎng)頁(yè)中的多媒體信息，如文字、圖像等可以使網(wǎng)頁(yè)設(shè)計(jì)達(dá)到最佳化，給人良好的視覺體驗(yàn)，是廣大網(wǎng)頁(yè)設(shè)計(jì)者需要不斷思考和關(guān)注的話題。

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

1.1 計(jì)算機(jī)圖像處理技術(shù)概述

計(jì)算機(jī)圖像處理技術(shù)，主要是對(duì)圖像進(jìn)行處理，包括裁剪、調(diào)整、合成、色彩搭配、分辨率調(diào)整、特效處理等，主要是利用三原色的代碼并對(duì)代碼進(jìn)行有針對(duì)性的處理和解讀，讓計(jì)算機(jī)圖像處理技術(shù)發(fā)揮最大的價(jià)值。目前，圖像處理技術(shù)已經(jīng)得到了不斷的改進(jìn)和完善，在高分辨率和高傳輸率上都有了很大的進(jìn)步。

1.2 計(jì)算機(jī)圖像處理技術(shù)的重要性

圖像的重要作用就凸顯于，可以對(duì)網(wǎng)頁(yè)的瀏覽具有導(dǎo)向的作用。利用圖像的作用，可以使文字?jǐn)⑹鲚^為復(fù)雜的內(nèi)容進(jìn)行簡(jiǎn)單化，能夠突出網(wǎng)頁(yè)設(shè)計(jì)的重點(diǎn)，也能顯示網(wǎng)頁(yè)設(shè)計(jì)的理念[1]。利用圖文結(jié)合，利用圖像的導(dǎo)向性，可以讓用戶在最短時(shí)間獲得大量的有效信息，節(jié)省用戶瀏覽時(shí)間。圖像在網(wǎng)頁(yè)設(shè)計(jì)中的重要作用就凸顯了，不僅要保持網(wǎng)頁(yè)美觀，還要將導(dǎo)向內(nèi)容呈現(xiàn)出來(lái)，方便人們?yōu)g覽。

2 計(jì)算機(jī)圖像處理技術(shù)運(yùn)用情況分析

我們?cè)诰W(wǎng)頁(yè)設(shè)計(jì)過程中，計(jì)算機(jī)圖像處理技術(shù)的關(guān)鍵就在于圖像的數(shù)字化處理，也可以說(shuō)多圖形經(jīng)過模擬、采樣、量化、編碼等步驟轉(zhuǎn)化成計(jì)算機(jī)的數(shù)字影像格式，利用計(jì)算機(jī)對(duì)其進(jìn)行深入的處理。圖像的表形形式也很多，有攝影圖，也可以有截圖，還可以插圖、拼圖等，網(wǎng)頁(yè)設(shè)計(jì)在圖像處理方面，通過計(jì)算機(jī)的美化是必要的，后期也需要進(jìn)行動(dòng)態(tài)變化等，是表現(xiàn)形式更加美觀，提升用戶瀏覽量，也提升用戶的瀏覽體驗(yàn)。具體來(lái)說(shuō)有以下幾種運(yùn)用：

2.1 攝影圖、插圖、截圖、拼圖等的計(jì)算機(jī)處理

攝影圖片具有寫實(shí)性和藝術(shù)美的特點(diǎn)，網(wǎng)頁(yè)設(shè)計(jì)中加入攝影圖片，在形象上、質(zhì)感上都能吸引瀏覽者。這是利用計(jì)算機(jī)的處理，可以將文字、圖像等進(jìn)行融合，可以刺激用戶的視覺瀏覽體驗(yàn)。如可以使用Photoshop軟件進(jìn)行處理，這樣可以提高網(wǎng)頁(yè)設(shè)計(jì)的審美感，也可以達(dá)到瀏覽用戶的需求。但是我們需要注意，攝影圖片的運(yùn)用會(huì)有反復(fù)出現(xiàn)的情況，如果使用過多，會(huì)造成用戶的視覺疲勞。這時(shí)需要對(duì)圖片進(jìn)行多方面的處理，保證圖像在網(wǎng)頁(yè)設(shè)計(jì)中可以起到多樣性、豐富性的目的，突出表達(dá)內(nèi)容。

除了攝影圖，還有插圖、截圖、拼圖等在網(wǎng)頁(yè)設(shè)計(jì)上的運(yùn)用。這類圖片的計(jì)算機(jī)處理，代表性的是插圖配文字的形式，就是文字的周邊放上插圖。還有就是截圖、拼圖進(jìn)行處理，將他們拼接之后，能夠凸顯文字描述的重點(diǎn)內(nèi)容。還有，在圖像處理上，我們也可以運(yùn)用圖形、符號(hào)，也可以是網(wǎng)頁(yè)設(shè)計(jì)具有藝術(shù)美感，也能是網(wǎng)頁(yè)具有豐富性。

2.2 動(dòng)態(tài)圖的計(jì)算機(jī)處理

網(wǎng)頁(yè)設(shè)計(jì)都清楚，需要網(wǎng)頁(yè)具有完整性、藝術(shù)性和便捷性的特點(diǎn)，同時(shí)還需要滿足用戶的體驗(yàn)要求。動(dòng)態(tài)圖片的加入是必要的?？梢允咕W(wǎng)頁(yè)設(shè)計(jì)的元素增加，還能夠滿足藝術(shù)性和便捷性，因?yàn)橛脩粼趧?dòng)態(tài)圖片的引導(dǎo)下感受網(wǎng)頁(yè)表達(dá)的內(nèi)容，還能夠是用戶有愉悅的瀏覽體驗(yàn)。動(dòng)態(tài)圖像的運(yùn)用，打破了靜態(tài)，為網(wǎng)頁(yè)增加了動(dòng)態(tài)效果。在網(wǎng)頁(yè)設(shè)計(jì)過程中，可以讓計(jì)算機(jī)技術(shù)處理GIF、flash等動(dòng)態(tài)元素，增加網(wǎng)頁(yè)的表現(xiàn)力和生動(dòng)性。但是我們要注意，避免過多的使用，因?yàn)閯?dòng)態(tài)圖形過多會(huì)導(dǎo)致網(wǎng)頁(yè)雜亂無(wú)章，所以要控制在一定的范圍內(nèi)。

2.3 不同圖像的表達(dá)方式的運(yùn)用

網(wǎng)頁(yè)設(shè)計(jì)者都知道，網(wǎng)頁(yè)中圖像的作用是要將重點(diǎn)內(nèi)容和中心主題表現(xiàn)出來(lái)，這些圖形或者作為導(dǎo)航，或者作為鏈接使用。網(wǎng)頁(yè)設(shè)計(jì)中的圖像的形式不同，發(fā)揮的作用不同。圖像在網(wǎng)頁(yè)中的位置，大小不同，使得表達(dá)內(nèi)容也會(huì)有差異。比如，如想作為背景的圖像，那么就需要凸顯出主要內(nèi)容。如果圖像較小，會(huì)將圖像符號(hào)化，作為連接、導(dǎo)向的作用。所以說(shuō)，網(wǎng)頁(yè)設(shè)計(jì)中的圖像，要具有較強(qiáng)的辨識(shí)度，最好放在顯眼的位置但是不影響主體的情況下，能夠保證網(wǎng)頁(yè)的整體性，還能對(duì)網(wǎng)頁(yè)加深印象。

所以，網(wǎng)頁(yè)設(shè)計(jì)過程中，要合理使用計(jì)算機(jī)圖像處理技術(shù)，對(duì)其方法和技巧要進(jìn)行掌握，不但要表達(dá)網(wǎng)頁(yè)內(nèi)容的重點(diǎn)，還要使設(shè)計(jì)簡(jiǎn)單化。圖像在網(wǎng)頁(yè)中承擔(dān)的作用不同，網(wǎng)頁(yè)設(shè)計(jì)的風(fēng)格也就不同。比如規(guī)則圖像、不規(guī)則圖像、對(duì)稱圖像、非對(duì)稱圖像等的運(yùn)用，可以說(shuō)是網(wǎng)頁(yè)設(shè)計(jì)中布局合理、版面豐富的必要元素。小插圖的使用，也可以作為鏈接標(biāo)志使用，還能是網(wǎng)頁(yè)整體布局合理、豐富，提高網(wǎng)頁(yè)的瀏覽量。

3 計(jì)算機(jī)圖像處理技術(shù)的措施

網(wǎng)頁(yè)設(shè)計(jì)者要對(duì)網(wǎng)頁(yè)設(shè)計(jì)中使用的圖像做好布局工作，確保頁(yè)面完整、統(tǒng)一，具有美感。計(jì)算機(jī)圖像處理的技術(shù)，主要包括數(shù)字圖像處理、數(shù)字圖像分析、數(shù)字圖像采集等方面，所以，網(wǎng)頁(yè)設(shè)計(jì)總計(jì)算機(jī)圖像處理的主要措施包括：

3.1 數(shù)字圖像處理的措施

網(wǎng)頁(yè)設(shè)計(jì)中的圖像數(shù)字化處理，就是為了網(wǎng)頁(yè)的觀賞美感、為了具有藝術(shù)性的特點(diǎn)。所以我們要對(duì)不同形式的圖像的處理作出不同的方法。圖像的位置、大小、排版、效果等的不同起到的效果也不同。數(shù)字圖像處理也就相應(yīng)的主要包括圖像的變換、圖像的編碼、壓縮、圖像復(fù)原、圖像增強(qiáng)、圖像分割、圖像描述、圖像分類等等方面。

圖像的變換，我們通常使用計(jì)算機(jī)技術(shù)中的傅里葉變換、沃爾什變換、離散余弦變換等處理技術(shù)。圖像的編碼、壓縮都是為了能夠?qū)D像數(shù)字化處理，減少空間占有量，獲得更有效的處理。圖像編碼是將圖像數(shù)字化，可以節(jié)省圖像的傳輸時(shí)間，減少占用的網(wǎng)絡(luò)服務(wù)器的存儲(chǔ)量。圖像的增強(qiáng)、復(fù)原，都是為了去掉圖像的外界干擾，是圖形清晰化，提高清晰度。圖像的分割、描述等的處理，都是對(duì)圖像進(jìn)行有意義特征的提取，方便利用。對(duì)圖像的便捷、區(qū)域等進(jìn)行描述，可以起到引導(dǎo)的效果。

3.2 圖像計(jì)算機(jī)數(shù)字分析的最佳措施

數(shù)字圖像的分析，可以說(shuō)是網(wǎng)頁(yè)設(shè)計(jì)中圖像計(jì)算機(jī)處理的高階階段，這個(gè)階段是要用及其對(duì)圖像進(jìn)行分析和識(shí)別，從而對(duì)其結(jié)果進(jìn)行判斷。數(shù)字圖像的分析主要包括圖像中感興趣的目標(biāo)、特征等進(jìn)行分析、測(cè)量，從而獲得用戶瀏覽的可觀的信息，利用這個(gè)信息可以對(duì)圖像進(jìn)行目標(biāo)描述，從圖像到數(shù)字化、符號(hào)化的過程。利用計(jì)算機(jī)技術(shù)處理圖像分析，輸入的是圖像，輸出的是數(shù)據(jù)。我們這么做的目的就是對(duì)圖像進(jìn)行分割、提取其特征，用像素構(gòu)成的圖像轉(zhuǎn)換成用數(shù)字化簡(jiǎn)介的形式，有利于網(wǎng)頁(yè)設(shè)計(jì)者的再次提取和使用?？梢詫?duì)圖像進(jìn)行同類歸類，可以對(duì)圖像特征進(jìn)行改變，設(shè)計(jì)出符合網(wǎng)頁(yè)要求的圖像，給用戶帶來(lái)新的觀感。

3.3 圖像數(shù)字化采集的計(jì)算機(jī)處理措施

關(guān)于圖像的數(shù)字化采集，我們可以借助外部設(shè)備，比如光敏感器件、掃描儀、數(shù)模轉(zhuǎn)換儀等設(shè)備。我們?cè)趫D像數(shù)字化采集過程中，要對(duì)分辨率有要求，更要對(duì)系統(tǒng)的穩(wěn)定性有要求。如，我們選擇EPP并口傳輸，速率可以達(dá)到每秒1.30MHz，而且不用額外的驅(qū)動(dòng)程序，所以能能夠節(jié)約時(shí)間和成本。再如，在已經(jīng)知道PCLK下降的情況，我們可以降低幀頻率到2fps，保證像素時(shí)鐘的周期3us，就可以獲得理想的圖像采集效果。

4 結(jié)語(yǔ)

網(wǎng)頁(yè)設(shè)計(jì)中的圖像處理，要求我們具有專業(yè)的計(jì)算機(jī)處理能力，還要能夠有穩(wěn)定的系統(tǒng)，網(wǎng)頁(yè)設(shè)計(jì)涉及內(nèi)容多，需要提高計(jì)算機(jī)處理圖像的水平。借助計(jì)算機(jī)圖像處理技術(shù)，可以讓網(wǎng)頁(yè)設(shè)計(jì)總體有立體感，保證完整性的同時(shí)還有藝術(shù)美感，能夠刺激瀏覽者的感官，增加瀏覽的欲望，提高瀏覽量。

參考文獻(xiàn)

[1] 章偉.計(jì)算機(jī)圖像處理技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用[J].信息系統(tǒng)工程，2017（1）：16.

Application of? Computer Image Processing Technology in Web Design

TAN Hao-lin

（Guangxi Institute of? Education， Nanning? Guangxi? 530023）

Abstract：Image processing is becoming more and more important in web design. The concept of image computer processing in web design is introduced， and the importance of computer image processing is also analyzed. In order to better the image processing in webpage design and increase the page views， the computer image processing technology in webpage design is proposed.

Key words：computer; image processing technology; web design