計算機圖像處理技術在網頁設計中的應用

賀紀樺

摘 要：在網頁設計中，往往會因為圖像問題導致網頁不美觀，計算機圖像處理技術是專用來處理圖像大小、調色等問題。因此將計算機圖像處理技術與網頁設計合理應用，就會使網頁變得美觀，并增添用戶體驗感。文章從計算機圖像處理技術的概念、計算機圖像處理技術的特點、網頁設計中計算機圖像處理技術的具體應用、對網頁設計中計算機圖像處理技術合理應用提出的建議，這4個方面進行逐一探討。

關鍵詞：網頁設計;計算機圖像處理技術;應用

0 引言

在我國計算機技術初步應用時，各項技術都還停留在初級階段，當時對網頁的排版、布局要求也都比較簡單，只是單方面的圖像，這樣在當時沒辦法吸引用戶瀏覽，無法吸引用戶的眼球。現如今，伴隨著互聯網的逐步普及，家家戶戶對網絡的需求也逐漸變大，為了增強用戶體驗，我國對網頁設計也提出了更高的要求。所以，既要注重網頁的美觀又要保障網頁設計的穩定性，才可以讓網頁所呈現的內容更具感染力。

1 計算機圖像處理技術的概念

計算機圖像處理技術本質是操作人員針對圖像處理和計算機技術的應用。熟練地使用計算機圖像處理技術，既能夠便于我們快速尋找所需要的數據和圖像中的問題，又能夠便于我們及時地對圖像進行處理，從而達到我們預期想要的效果。綜合來講，計算機圖像處理技術其實就是通過合理應用計算機圖像處理技術對即將處理的圖片進行加工、修飾、美化從而達到我們預期的效果，滿足人們所需。另外，計算機圖像處理技術還可以通過對接幾何圖像，對其進行調整明暗，從而更加有利于對圖像的色彩進行修飾[1] 。

2 計算機圖像處理技術的特點

（1）有良好的再現性：在數字化過程中，原始圖像可以很精確地顯示出原來的圖片，這和傳統圖像處理技術的處理方式存在著些許差異，在數字化過程中，可以很好地應用計算機圖像處理技術來維持原來的圖像形狀。計算機圖像處理技術在傳輸、儲存、再現的過程中，不僅可以讓圖片更具美觀性，又不會損害圖片質量。

（2）處理后的精確度相對較高：隨著我國的計算機圖像技術不斷發展，將模擬圖像轉變成二維序列不再是一件難事，只要在處理設備允許的情況下，我們就可以對二維序列隨意的調整，從而改變圖像的大小。現如今，我國的計算機圖像處理技術已可以將圖像像素的灰度量化到16位或更多，圖像數字精確度的加強可以使計算機在處理圖像時更加方便[2] 。

（3）適用面寬：在現實生活中，在對光譜圖像進行處理時，可以隨意對其設置為可見或者不可見。它的大小和從圖像反射出來的物體比例是呈正比的。只要信息不同源轉為數碼數字，那么他們的灰度圖像形成就會以二維陣列的形式出現，因此計算機應用對此也有著非常重要的作用。我們可以根據不同的圖像信息源來采取相應的圖像信息，既方便我們采取相應措施，又可以讓任何類型的圖片都可以使用圖像數字來進行處理。

3 網頁設計中計算機圖像處理技術的具體應用

（1）不同圖像形式的綜合運用：在網頁設計當中，圖像的種類分許多種，常見的幾種類型有截屏圖、GIF圖、拍攝圖。在一個網頁中，適當添加一些不同類型的圖片，既可以增強用戶體驗感，又可以使網頁更加具有美觀性。我們常見的一些網頁中的圖片，大多都是攝影圖片，因為攝影圖片可以為網頁提高真實性，還可以增強用戶在瀏覽網頁時的代入感。網頁中的動圖可以讓用戶更加直觀地對網頁進行初步了解。一個網頁若過量使用單一類型的圖片，會使用戶在瀏覽網頁時出現疲勞感，從而使用戶出現各種不良癥狀，導致用戶體驗感變差。因此，在網頁設計中應用計算機圖片處理技術時，應適當減少單一類型圖片的使用。當然，圖像應用也并不是越多越好，應適當應用，這樣才可以提升網頁的可閱性。

（2）科學對網頁中圖像的角色和職責進行劃分：在網頁中通過使用不同的功能、大小、位置都會存在小小的差異。比如，黃色三角形狀的圖像往往表示功能受限，不能使用;紅色感嘆號形狀的圖像代表功能失效或設備的損壞。對此，網頁中還存在著一些相對尺寸較大的圖形。就目前來看，騰訊圖形和百度圖形是我們在互聯網中最常見的圖形。公司的logo在網頁中是極其重要的，通過合理的設計logo的形狀及網頁中的位置，有利于用戶在瀏覽網頁時對公司有著深刻的印象，這也是對公司的一種宣傳模式，可以大大提高公司的知名度，會給瀏覽者留下好的印象。為了讓瀏覽者在瀏覽網頁時有著與眾不同的感覺，應對網頁背景圖像和背景顏色進行搭配。

（3）網頁中處理圖像的方法：網頁中的圖像不僅需要簡單明了，還要美觀大方。因此，我們在進行網頁設計時，要具備一定的設計理念，從而更好地對不同圖片進行處理，從而提升網頁的可閱讀性，使用戶在瀏覽網頁時滿足用戶的審美需求。比如，在對網頁進行設計時，運用一些不規則圖像，既可以使網頁中的內容充滿活力，又可以帶給瀏覽者動感的視覺效果。可以先對網頁進行分析，找到網頁的類型，再對圖像合理進行處理，往往在網頁設計時可以達到事半功倍的成效。

4 對網頁設計中計算機圖像處理技術合理應用提出的建議

4.1 科學的設計圖像的大小

應把計算機圖像處理技術運用到網頁設計當中，通過對圖片大小進行合理調試，從而增強網頁整體的美觀性，因此網頁設計中圖像的大小是否適宜是十分重要的，可以從下面幾個方面進行探討。

（1）電腦的屏幕分辨率是存在差異的，不同電腦屏幕的分辨率也是不同的，這就使得我們在對圖像大小進行處理時會受到一定的影響，因為用戶的屏幕大小難免會和我們在設計時屏幕的大小不一樣，就會導致用戶體驗感下降。在利用計算機圖像處理技術對網頁進行設計時，就可以很好地避免這一情況。

（2）在對一張圖片進行處理時會發現，將圖片放大時會發現圖片的清晰度變低了;將圖片放小時會發現圖片雖然變清晰了，但整體不美觀了。所以，在網頁設計時圖片是否清晰有著至關重要的作用。

4.2 合理的分配圖像使用方式

在網頁設計過程中，圖像也有著多種使用方式，圖像在網頁設計時的位置、大小、形狀等因素可以決定在網頁中起到的具體作用，設計人員可以根據網頁的具體需求從而對圖像的使用方式進行合理的分配。例如：如果我們想要一個網站更具真實性，那么就需要讓圖像處理的方向往現實生活方向靠攏;若網頁設計時要體現活潑性，那么圖像處理就需要向生動活潑方向靠近，以通過添加彩色等方式對其進行有效處理。因此，每個網頁都有自己獨特的風格，這就需要對圖像進行合理的使用，既能夠作為網頁設計的背景，又能夠作為網頁設計的標志，也能夠間接的通過圖像展示，呈現出網頁設計的主要內容。在網頁設計的過程中，若要把圖像作為整體背景圖的話，還需要對其進行加工美化，讓用戶對此可以更加直觀。在一個網頁中，背景是一個極其重要的部分，在網頁設計的過程中可以對圖片大面積鋪設，也可以運用線條圖形對其背景進行修飾[3] 。

4.3 提高圖像的關鍵性

結合目前情況來看，大多數用戶在瀏覽網頁的過程中，并不是先看一個網頁的文字內容，而是先看該網頁的圖像。因此，在網頁設計當中，只有合理地將圖像進行應用，才可以讓用戶有繼續瀏覽網頁的欲望。

4.4 多樣化圖像運用

（1）插圖：網頁設計中最常見的表現形式就是插圖，對網頁設計中的文字周圍進行插圖，往往能夠起到豐富文字信息的效果。插圖在網頁設計過程中還能夠通過抽象的藝術圖片形式出現，也能夠通過具象的寫實圖片方式進行表達。能夠結合網頁設計過程中的具體情況從而合理的運用。

（2）圖形符號：圖形符號運用在網頁設計當中通常可以起到點綴的效果，能夠加深網頁設計的藝術感，還能夠豐富網頁的頁面。網頁設計的過程中設計人員若對此合理的運用，就能夠更好地發揮其作用和效果。

5 結語

綜上所述，計算機處理技術和網頁設計相結合是一項復雜并涉及面廣泛的工作。這需要設計師在計算機圖像處理時擁有極高的專業設計素養。計算機圖像處理技術在網頁設計中的運用，使網頁設計的效果及質量得到了顯著地提升，增加用戶對網頁的瀏覽量，進而提高了公司在外的知名度。相信在未來，計算機圖像處理技術在計算機技術的不斷發展下，我國的網頁技術也會隨之越來越好，使其更加完善。

[參考文獻]

[1]雙哲，孫蕾.基于改進的隱馬爾可夫模型在網頁信息抽取中的研究與應用[J].計算機應用與軟件，2017（2）：42-47.

[2]陳莉.網頁設計中計算機圖像處理技術應用解析[J].電腦迷，2018（3）：20.

[3]李艷新.網頁設計中計算機圖像處理技術的應用價值[J].電子技術與軟件工程，2015（19）：124.

（編輯 傅金睿）