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

譚云游 余長梅 李光歡

摘要：隨著現(xiàn)代社會中信息技術(shù)的不斷發(fā)展，其中新媒體行業(yè)中的網(wǎng)頁設(shè)計也是一項重要的工作。網(wǎng)頁設(shè)計屬于編程類，市場的發(fā)展空間比較好，計算機圖像處理技術(shù)在網(wǎng)頁設(shè)計中被廣泛應(yīng)用，不僅可以處理好圖像素材，還可以確保圖像的保真度;同時，文字與圖片相結(jié)合使得網(wǎng)頁設(shè)計更加地具備美感，抓住人們的眼球。圖像處理技術(shù)還可以降低圖像的字節(jié)容量，使網(wǎng)頁的打開速度增快，為人們帶來良好的視覺體現(xiàn)。本文將主要探究計算機圖像處理技術(shù)在網(wǎng)頁設(shè)計中的應(yīng)用措施。

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

中圖分類號：TP311? ? ?文獻標(biāo)識碼：A

文章編號：1009-3044（2021）15-0202-02

現(xiàn)代社會中，網(wǎng)絡(luò)力量逐漸被大眾認識，網(wǎng)絡(luò)宣傳也受到了更多人的關(guān)注，藝術(shù)與網(wǎng)絡(luò)相結(jié)合是大勢所趨。圖像是可以包含多元化的信息，可以通過圖像對信息進行傳播和交換，是一種便捷的信息傳遞途徑。計算機圖像處理技術(shù)雖然起步晚但是發(fā)展比較迅速，已經(jīng)逐漸滲透到人們的日常生活中。將計算機圖像處理技術(shù)與網(wǎng)頁技術(shù)相結(jié)合，更好地處理網(wǎng)頁上的圖像，確保網(wǎng)頁具有濃郁的藝術(shù)氣息，符合大眾的審美需求，可以更好地吸引人們的關(guān)注，從而達到網(wǎng)絡(luò)宣傳的目的，同時可以推動相關(guān)行業(yè)的發(fā)展。

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

計算機圖像處理技術(shù)主要是利用計算機將各種通過多種途徑拍攝的感光、數(shù)字圖像以及視頻進行處理，將其轉(zhuǎn)變成為計算機技術(shù)應(yīng)用的標(biāo)準代碼，并且根據(jù)計算機的功能對圖像進行處理，確保計算機圖像處理技術(shù)可以在各領(lǐng)域之間相互滲透[1]。另外，計算機圖像處理技術(shù)可進行操作的內(nèi)容比較多，如多媒體、數(shù)字化以及虛擬現(xiàn)實等。將不同計算機圖像處理技術(shù)進行結(jié)合，可以符合網(wǎng)頁設(shè)計中的高質(zhì)量和高效益的要求，同時計算機的運算能力較強，能夠?qū)⒗糜嬎銠C數(shù)字技術(shù)轉(zhuǎn)化的圖像進行反復(fù)操作，如調(diào)整格式、像素、色彩等，并進行相關(guān)的修改和修復(fù)，確保圖像可以滿足設(shè)計人員的要求，從而達到網(wǎng)頁設(shè)計的目的。計算機圖像處理技術(shù)的工作核心就是將三原色進行分析和處理，將圖像轉(zhuǎn)化為三原色的數(shù)字代碼，然后對代碼進行解讀與處理，提升色彩飽和度，增強視覺的沖擊力，確保其可充分發(fā)揮作用?，F(xiàn)在計算機圖像處理技術(shù)逐漸發(fā)展完善，在進行網(wǎng)頁設(shè)計時，合理的應(yīng)用計算機圖像處理技術(shù)是必要的，并且其具有便于存儲、圖像儲存空間大的特點而被大力推廣，反饋效果也十分好。目前計算機處理的圖像在手機網(wǎng)頁應(yīng)用中也比較廣泛，圖像清晰度高，內(nèi)存小，適合網(wǎng)頁傳輸。

2 網(wǎng)頁制作中融入計算機圖像處理技術(shù)的重要性

建立網(wǎng)站制作網(wǎng)頁主要是為了和網(wǎng)民進行信息互換，讓更多的網(wǎng)絡(luò)用戶瀏覽網(wǎng)站，可見網(wǎng)頁的內(nèi)容進行實時推送，讓更多的用戶看到，將信息進行推廣，使流量不斷擴容，為開展進行文化活動奠定良好的基礎(chǔ)，推動社會經(jīng)濟效益的發(fā)展。互聯(lián)網(wǎng)成為人們關(guān)注較多的網(wǎng)絡(luò)平臺，使得所有媒體都爭相在平臺展示，獲取更多用戶的關(guān)注，樹立自己的品牌形象，提高自己的社會影響力和市場競爭力。在進行網(wǎng)頁設(shè)計中要注意甄別信息和處理圖像，圖像在網(wǎng)頁設(shè)計中的重要性體現(xiàn)在以下兩個方面。

首先，會給人們帶來強烈的視覺沖擊感?，F(xiàn)代社會中網(wǎng)絡(luò)成為人們獲取信息的重要途徑，網(wǎng)民成了網(wǎng)絡(luò)中重要的資源，與此同時對于網(wǎng)頁制作來說，網(wǎng)頁的點擊量和瀏覽量成了發(fā)展的根本[2]。信息資源逐漸呈多元化發(fā)展，網(wǎng)頁和網(wǎng)站的競爭不斷增大，如何獲取更多網(wǎng)絡(luò)用戶的支持，成了網(wǎng)頁發(fā)展下去的基礎(chǔ)?？梢酝ㄟ^提升網(wǎng)頁的視覺沖擊，讓每一個用戶都能被網(wǎng)頁內(nèi)容吸引，愿意停留在網(wǎng)頁上進行閱讀。在網(wǎng)頁設(shè)計中圖像是信息呈現(xiàn)的最直接方式，相比文本文字來說能更好地吸引人們的注意力。網(wǎng)頁制作的工作人員要對圖像有全面的認識，在網(wǎng)頁中合理地運用圖像，確保其大小、位置、色彩以及內(nèi)容都要與網(wǎng)頁相貼切，提升網(wǎng)頁的欣賞性。有調(diào)查顯示，60%以上的網(wǎng)絡(luò)用戶都是被網(wǎng)頁醒目的圖像所吸引，并且對于純文本的網(wǎng)頁瀏覽意向不高，因此，網(wǎng)頁設(shè)計中融入圖像處理是很有必要的，可以吸引更多的用戶瀏覽，為讀者帶來良好的閱讀體驗，保證網(wǎng)頁發(fā)展的穩(wěn)定性。

其次，網(wǎng)頁制作中圖像具有信息引導(dǎo)的功能。在進行網(wǎng)頁設(shè)計時，圖像不是為了提高視覺沖擊隨意挑選的，它需要根據(jù)網(wǎng)頁的內(nèi)容與其配合，使網(wǎng)頁的信息和圖片相輔相成。第一，網(wǎng)頁的標(biāo)題和正文都是文字，文字相對來說比較單一，需要主動閱讀才可以了解表達的主要內(nèi)容。圖像具有較強的視覺沖擊感，可以直觀地呈現(xiàn)給讀者，讓讀者獲得強烈的信息沖擊力。圖像的內(nèi)容是根據(jù)網(wǎng)頁信息挑選的，再利用計算機圖像處理技術(shù)進行處理，圖片和信息內(nèi)容的貼合度會提升，使讀者可以通過圖像了解網(wǎng)頁的主要事件和人物，與標(biāo)題相比可以更直觀地概括網(wǎng)頁的主要內(nèi)容，方便讀者快速選擇閱讀。例如，有讀者喜歡娛樂新聞，當(dāng)網(wǎng)頁上配上明星圖像后，讀者可以直接選擇進行閱讀，減少讀者搜索信息的時間，使其能更好地挑選自己喜歡的網(wǎng)站。第二，圖像和網(wǎng)頁的配合能更好地展示所表達的信息內(nèi)容。部分信息可以進行文字描述，而部分信息則需要配合圖片或視頻才能讓讀者更好地感知一些細節(jié)，了解事件發(fā)生的過程，為讀者帶來更好的閱讀體驗。

3 計算機圖像處理技術(shù)在網(wǎng)頁制作的應(yīng)用措施

設(shè)計工作人員要想增加網(wǎng)頁設(shè)計的實用性和美觀性，就必須進行圖像處理，使得計算機圖像處理的過程更加的多變。網(wǎng)頁設(shè)計中計算機圖像處理技術(shù)主要是對圖像的外觀、大小、位置等方面進行處理。在實際操作中要結(jié)合相關(guān)內(nèi)容設(shè)計。網(wǎng)頁版式設(shè)計中，圖片對網(wǎng)頁的整體風(fēng)格有著決定性的作用。在日常生活中方正的圖形給人帶來威嚴的感覺，不規(guī)則的圖形則更容易讓人感覺到放松，不同形狀的圖形給人的感受不同，對此，在網(wǎng)頁設(shè)計中可以進行不同種類圖像的整合，使整個網(wǎng)頁更加地生動。

3.1 建立豐富的圖像組合

網(wǎng)頁的設(shè)計人員在進行網(wǎng)頁設(shè)計初期要選擇合適的圖像，實現(xiàn)文字與圖像更好的結(jié)合。在處理網(wǎng)頁圖像時，要確定圖像的格式，在網(wǎng)頁圖像中格式較多，如JPEG、BMP、GIF等圖片格式，格式不同具備的特點不同，要根據(jù)網(wǎng)頁設(shè)計的具體標(biāo)準來確定圖片的格式[3]。如，網(wǎng)頁設(shè)計中網(wǎng)頁的主題內(nèi)容比較歡快，圖片的格式可以選擇GIF格式，因為GIF格式的圖像可以完成由靜態(tài)向動態(tài)的轉(zhuǎn)化，符合網(wǎng)頁設(shè)計的主題，如果要提高網(wǎng)絡(luò)運行速度，可以選擇PNG格式，這種格式的圖像在壓縮過程中不僅可以保證圖像的清晰度，而且壓縮后所占的空間也比較小，適合進行傳輸，同時網(wǎng)頁運行速度也不受影響。

3.2 更好地控制圖像的大小

計算機圖像處理技術(shù)的應(yīng)用，可以更好地掌控網(wǎng)頁中圖片的大小，主要是因為以下兩點：第一，計算機屏幕的長度和寬度都是有限的，使得在網(wǎng)頁設(shè)計中圖像的大小也是有限制的，不可以超出計算機的屏幕。第二，在Web設(shè)計中，圖像的大小與清晰度有著直接的關(guān)系，在使用圖像處理技術(shù)時，如果操作方法不對，放大圖像后圖像的清晰度會降低，不符合設(shè)計的要求，因此在設(shè)計的過程中要掌握好圖像的大小和長度與寬度?？梢越柚嬎銠C圖像處理技術(shù)，根據(jù)網(wǎng)頁設(shè)計的具體要求進行相關(guān)的調(diào)整，減少因圖像大小不合適造成網(wǎng)頁設(shè)計的問題，在進行設(shè)計之前要對圖像排版，在排版中如果單純地追求高清的圖像會影響網(wǎng)頁的運行的速度和網(wǎng)頁的瀏覽量，所以也要對圖像的像素進行調(diào)整，這樣可以更好地控制圖像的范圍，降低圖像失真的情況出現(xiàn)的概率。合理地調(diào)節(jié)圖像大小和像素，可以有效地提高網(wǎng)頁運行的速度，提升網(wǎng)頁的整體像素水平。

3.3 提高網(wǎng)頁圖像展示的效果

在網(wǎng)頁制作中除了要進行格式、大小、像素的設(shè)計調(diào)整外，還要關(guān)注網(wǎng)頁制作中圖像的最終展示結(jié)果。圖像展示的結(jié)果容易受到多種因素的影響，如網(wǎng)頁整體設(shè)計的主題、網(wǎng)頁的效果以及能否為用戶帶來良好的閱讀體驗。僅僅處理圖像在網(wǎng)頁中的排版不能提高圖像的展示效果。在對圖像進行了整體的調(diào)色后還要關(guān)注圖像的形狀和格式以及分布的情況。在網(wǎng)頁制作中挑選的圖像盡可能是簡潔大方的，避免讀者在瀏覽時產(chǎn)生視覺疲勞[4]。另外，網(wǎng)頁的美觀性需要設(shè)計人員借助計算機圖像處理技術(shù)完成并結(jié)合自身的審美能力進行合理的圖像設(shè)計。在排版時也要結(jié)合不同形狀的圖像，使頁面產(chǎn)生多元化的效果。

3.4 多種圖像形式的運用

在網(wǎng)頁設(shè)計中融入計算機圖像設(shè)計技術(shù)，可以對圖像的形式進行多種形式的運用。首先，攝影畫具有生動直觀的特點，在圖像應(yīng)用中有重要的作用，可以幫助讀者快速進入相關(guān)情境中，這種形式是讀者喜聞樂見的?？梢岳糜嬎銠C圖像處理技術(shù)，把攝影圖片和網(wǎng)頁的相關(guān)內(nèi)容進行充分的融合，從而可以為讀者展示不同的畫面，滿足不同讀者的閱讀需求。在對攝影圖片進行使用的過程中，可以發(fā)現(xiàn)經(jīng)常出現(xiàn)單張圖片的清晰度下降，從而影響人們對網(wǎng)頁整體的印象。因此，在網(wǎng)頁設(shè)計中，設(shè)計人員不僅要保證圖像形式的多樣化，還要保證其設(shè)計可以突出網(wǎng)頁的主要內(nèi)容。

其次，插畫也是在網(wǎng)頁設(shè)計中常見的平面形式，通常出現(xiàn)在Web設(shè)計中，可以拓展文本信息，因此被應(yīng)用于表示文本。插畫的形式可以是生動的寫實圖片也可以是抽象的藝術(shù)畫作，要根據(jù)網(wǎng)頁的實際需求進行挑選。同時，在網(wǎng)頁制作中圖像符號也經(jīng)常被使用，能對網(wǎng)頁起到裝飾的作用，提升網(wǎng)頁的整體藝術(shù)氣息，豐富網(wǎng)頁的畫面感。

3.5 合理的利用圖像

網(wǎng)頁制作中每個圖像的作用都不相同，不同主題的網(wǎng)頁需要的圖像不同。例如，網(wǎng)頁的風(fēng)格是屬于比較浪漫的，則需要尋找更為美觀的圖像進行補充，增添網(wǎng)頁的色彩。圖像在網(wǎng)頁設(shè)計中的功能各不相同，有用來做標(biāo)記的，也有用來充當(dāng)背景的。當(dāng)圖像作為網(wǎng)頁的背景出現(xiàn)時，則需要大量的文字來豐富網(wǎng)頁的內(nèi)容，文本內(nèi)容可以對圖像進行進一步的解釋，加深讀者的印象。圖像在網(wǎng)頁設(shè)計中有著不同的作用，設(shè)計人員要結(jié)合實際需求進行選擇設(shè)計。

4 結(jié)束語

綜上所述，網(wǎng)頁設(shè)計的工作流程比較復(fù)雜，同時專業(yè)性也比較高。在設(shè)計的過程中需要設(shè)計人員具備較強的專業(yè)技能，同時也要充分了解計算機圖像處理技術(shù)，可以將其進行結(jié)合，建立多種圖像的組合，調(diào)節(jié)圖像的基本性能，提升網(wǎng)頁設(shè)計的質(zhì)量，促進網(wǎng)頁設(shè)計的穩(wěn)定發(fā)展。

參考文獻：

[1] 于錦.新時代網(wǎng)頁設(shè)計中計算機圖像處理技術(shù)的研究[J].科教文匯（中旬刊），2020（11）：103-104.

[2] 高飛.網(wǎng)頁設(shè)計中計算機圖像處理技術(shù)的應(yīng)用[J].數(shù)碼世界，2020（11）：94-95.

[3] 閆磊.計算機圖像處理技術(shù)在網(wǎng)頁設(shè)計中的運用[J].大眾標(biāo)準化，2020（19）：132-134.

[4] 李賢.網(wǎng)頁設(shè)計中計算機圖像處理技術(shù)的應(yīng)用分析[J].電腦知識與技術(shù)，2020，16（27）：198-199.

【通聯(lián)編輯：梁書】