淺述網(wǎng)頁設計中圖像處理技術的應用

連子榮

摘 要 圖像處理技術是網(wǎng)頁設計中常應用的重要技術之一，對提升網(wǎng)頁設計的藝術感具有重要作用。本文首先概述了計算機圖像處理技術的基本內(nèi)容，并分析網(wǎng)頁設計中應用圖像處理技術的意義，同時探究網(wǎng)頁設計中圖像處理技術的具體應用方法，為提高網(wǎng)頁設計質量、增強網(wǎng)頁設計的藝術感染力提供參考。

關鍵詞 網(wǎng)頁設計;計算機圖像;處理技術

隨著計算機技術的不斷發(fā)展與完善，人們對網(wǎng)頁設計質量的要求逐漸提高。網(wǎng)頁設計不僅要準確、清晰的呈現(xiàn)信息與圖像，還要提高藝術感與設計感。圖像處理技術具備信息引導功能以及增強視覺觀感的能力，為了充分發(fā)揮圖像處理技術在網(wǎng)頁設計中的作用，需要設計者結合網(wǎng)頁設計要求正確使用該技術。

1計算機圖像處理技術概述

（1）圖像增強。圖像增強主要是突出圖片中的重要信息，同時減弱或消除不重要的信息，為后期圖像的深入制作奠定基礎。圖像增強能夠有效改善圖片的畫質，由于部分圖片采集受攝像設備分辨率的影響，導致圖像的畫面感較弱，此時需要進行圖像增強，應用圖像色彩增強、銳化等技術提高圖像的畫質、突出圖片中的重點信息[1]。

（2）圖像壓縮。圖像壓縮是圖像處理技術中常應用的技術之一，通過壓縮圖像數(shù)據(jù)來降低傳輸圖像時產(chǎn)生圖像失真問題的概率，從而保證圖像質量。

2網(wǎng)頁設計中應用圖像處理技術的意義

（1）準確傳達信息。傳達信息是網(wǎng)頁設計的主要作用，通過網(wǎng)頁中的文字與圖片傳達設計者所要表達的內(nèi)容。在網(wǎng)頁設計中應用圖像處理技術能夠提高網(wǎng)頁中圖像排版的合理性，幫助瀏覽者快速、清晰的了解網(wǎng)頁內(nèi)容。

（2）增強視覺美感。為了突出網(wǎng)頁設計的特點，應用圖像處理技術能夠有效提高網(wǎng)頁的視覺性，從而更加容易吸引瀏覽者。通過圖像處理技術中平移、剪裁、控制大小、格式等手段充分發(fā)揮圖像在網(wǎng)頁設計中的作用，從而增強網(wǎng)頁的吸引力。

3網(wǎng)頁設計中圖像處理技術的應用方法

（1）圖像選擇技巧。在網(wǎng)頁設計中的圖像格式主要有GIF、PNG、JPEG。不同的圖像格式具有不同的優(yōu)點。首先GIF圖像分為動態(tài)與靜態(tài)，且該格式的圖像在不影響圖像質量的前提下生成很小的文件，支持透明色，圖像能夠浮現(xiàn)在網(wǎng)頁背景上，此特點更加適合網(wǎng)頁設計的需求，因此GIF圖像格式被廣泛應用于網(wǎng)頁設計[2]。但該格式僅支持256色以內(nèi)的圖像，一定程度上限制了色彩的表現(xiàn)力。

其次PNG格式指的是一種采用無損壓縮算法的位圖格式，其設計目的是試圖替代GIF和TIFF文件格式，同時增加一些GIF文件格式所不具備的特性。PNG使用從LZ77派生的無損數(shù)據(jù)壓縮算法，一般應用于JAVA程序、網(wǎng)頁或S60程序中，原因是它壓縮比高，生成文件體積小。PNG圖像在瀏覽器上采用流式瀏覽，即使經(jīng)過交錯處理的圖像會在完全下載之前提供瀏覽者一個基本的圖像內(nèi)容，然后再逐漸清晰起來。它允許連續(xù)讀出和寫入圖像數(shù)據(jù)，這個特性很適合于在通信過程中顯示和生成圖像。此外還支持透明效果，PNG可以為原圖像定義256個透明層次，使得彩色圖像的邊緣能與任何背景平滑地融合，從而徹底地消除鋸齒邊緣。這種功能是GIF和JPEG沒有的。

最后JPEG格式可以用較少的磁盤空間得到較好的圖像品質。而且JPEG是一種很靈活的格式，具有調節(jié)圖像質量的功能，它允許用不同的壓縮比例對文件進行壓縮，支持多種壓縮級別，壓縮比越大，圖像品質就越低。JPEG格式的壓縮率是目前各種圖像文件格式中最高的。它用有損壓縮的方式去除圖像的冗余數(shù)據(jù)，但存在著一定的失真。三種圖像格式適用于不同的網(wǎng)站設計需求，設計師可以根據(jù)具體要求選取不同格式的圖像。在實際網(wǎng)頁設計的過程中會應用到眾多圖像，例如截圖、攝影圖、連接圖等，不同的圖像形式會給瀏覽者不同的觀感，通常在網(wǎng)頁設計中采取圖片加文字的方案進行設計。

（2）控制圖像大小。網(wǎng)頁設計過程中的選取圖像格式是圖像處理的第一步，在選取完圖像格式后需要處理圖像的尺寸，根據(jù)網(wǎng)頁的設計要求調整圖像的大小，同時對圖像的外形進行處理，為了避免瀏覽者產(chǎn)生審美疲勞，圖像的外形要避免過多的重復，適當?shù)脑黾硬灰?guī)則圖像，進而在清晰傳達信息的同時增加藝術感。此外，由于網(wǎng)頁設計中的圖像大小受計算機屏幕長度及寬度的限制，因此圖像大小應控制在合理范圍內(nèi)，并且圖像大小與清晰度有著密切聯(lián)系，必須控制好圖像大小與圖片清晰度。高清晰度的圖像會影響網(wǎng)頁運行加載的速度，應用圖像處理技術能夠更好地權衡網(wǎng)頁瀏覽效果與運行速度，最終提高網(wǎng)頁設計的質量。

（3）優(yōu)化圖像在網(wǎng)頁設計中的功能。①網(wǎng)頁的logo。網(wǎng)頁的logo是網(wǎng)頁給瀏覽者留下的第一印象，為了提高吸引力，通常網(wǎng)頁的logo采用圖像的形式，該標志應符合網(wǎng)站的整體風格與內(nèi)容，將網(wǎng)站的文化特色融入網(wǎng)站logo的設計過程中，進而設計出具備功能性與藝術性的圖形標志[3]。因此在應用圖像處理技術設計網(wǎng)頁logo時需要兼顧網(wǎng)站的風格與內(nèi)涵，以提高網(wǎng)站的視覺性。②網(wǎng)頁的背景圖。當圖像在網(wǎng)頁中作為背景圖時必須配以相應的文字資料以提高背景圖的整體效果，不能對其進行單獨的設計。網(wǎng)頁的背景圖是網(wǎng)站的主要組成部分，為了給瀏覽者以舒適的觀感，背景圖的制作應盡量簡單，畫面效果不應太過強烈，避免給瀏覽者帶來不良的視覺沖擊感。③網(wǎng)頁的關鍵圖。為了吸引瀏覽者的注意力并突出信息內(nèi)容，通常在網(wǎng)頁中存在一些非常醒目的圖像，此類醒目的圖像一般處在頁面最顯眼的位置，無須過多的文字贅述便能夠清晰地表達出圖像的含義，給瀏覽者強烈的視覺沖擊。此外，計算機圖像處理技術一般以軟件處理為主，以滿足網(wǎng)站設計要求。總結：綜上所述，在網(wǎng)頁設計中應用計算機圖像處理技術能夠彌補傳統(tǒng)設計的缺陷，豐富視覺效果，同時通過調整、控制圖片的大小與格式保證網(wǎng)頁設計的藝術感與質量。設計人員在網(wǎng)頁設計的過程中要在正確傳達信息的基礎上實現(xiàn)圖像美化，并清楚不同圖像在網(wǎng)頁中的不同作用，根據(jù)網(wǎng)頁設計的要求合理應用圖片處理技術。

參考文獻

[1] 胡云峰.網(wǎng)頁設計中計算機圖像處理技術應用解析[J].數(shù)碼世界，2017（7）：52.

[2] 白雪.網(wǎng)頁設計中計算機圖像處理技術應用解析[J].電子世界，2017（5）：200.

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