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

譚昊琳

摘要：網頁設計中圖像的處理越來越重要。網頁設計中的圖像計算機處理進行了概念的介紹，對計算機圖像處理的重要性也進行了分析。為了給網頁設計中的圖像處理更好，提高瀏覽量，提出了網頁設計中的計算機圖像處理技術的措施。

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

中圖分類號：TP3 文獻標識碼：A 文章編號：1007-9416（2020）02-0115-02

隨著計算機技術的不斷提高和成熟，推動者網頁設計的發展。計算機圖像處理技術是網頁設計中必不可少的計算機技術，如何處理網頁中的多媒體信息，如文字、圖像等可以使網頁設計達到最佳化，給人良好的視覺體驗，是廣大網頁設計者需要不斷思考和關注的話題。

1 計算機圖像處理技術

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

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

1.2 計算機圖像處理技術的重要性

圖像的重要作用就凸顯于，可以對網頁的瀏覽具有導向的作用。利用圖像的作用，可以使文字敘述較為復雜的內容進行簡單化，能夠突出網頁設計的重點，也能顯示網頁設計的理念[1]。利用圖文結合，利用圖像的導向性，可以讓用戶在最短時間獲得大量的有效信息，節省用戶瀏覽時間。圖像在網頁設計中的重要作用就凸顯了，不僅要保持網頁美觀，還要將導向內容呈現出來，方便人們瀏覽。

2 計算機圖像處理技術運用情況分析

我們在網頁設計過程中，計算機圖像處理技術的關鍵就在于圖像的數字化處理，也可以說多圖形經過模擬、采樣、量化、編碼等步驟轉化成計算機的數字影像格式，利用計算機對其進行深入的處理。圖像的表形形式也很多，有攝影圖，也可以有截圖，還可以插圖、拼圖等，網頁設計在圖像處理方面，通過計算機的美化是必要的，后期也需要進行動態變化等，是表現形式更加美觀，提升用戶瀏覽量，也提升用戶的瀏覽體驗。具體來說有以下幾種運用：

2.1 攝影圖、插圖、截圖、拼圖等的計算機處理

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

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

2.2 動態圖的計算機處理

網頁設計都清楚，需要網頁具有完整性、藝術性和便捷性的特點，同時還需要滿足用戶的體驗要求。動態圖片的加入是必要的。可以使網頁設計的元素增加，還能夠滿足藝術性和便捷性，因為用戶在動態圖片的引導下感受網頁表達的內容，還能夠是用戶有愉悅的瀏覽體驗。動態圖像的運用，打破了靜態，為網頁增加了動態效果。在網頁設計過程中，可以讓計算機技術處理GIF、flash等動態元素，增加網頁的表現力和生動性。但是我們要注意，避免過多的使用，因為動態圖形過多會導致網頁雜亂無章，所以要控制在一定的范圍內。

2.3 不同圖像的表達方式的運用

網頁設計者都知道，網頁中圖像的作用是要將重點內容和中心主題表現出來，這些圖形或者作為導航，或者作為鏈接使用。網頁設計中的圖像的形式不同，發揮的作用不同。圖像在網頁中的位置，大小不同，使得表達內容也會有差異。比如，如想作為背景的圖像，那么就需要凸顯出主要內容。如果圖像較小，會將圖像符號化，作為連接、導向的作用。所以說，網頁設計中的圖像，要具有較強的辨識度，最好放在顯眼的位置但是不影響主體的情況下，能夠保證網頁的整體性，還能對網頁加深印象。

所以，網頁設計過程中，要合理使用計算機圖像處理技術，對其方法和技巧要進行掌握，不但要表達網頁內容的重點，還要使設計簡單化。圖像在網頁中承擔的作用不同，網頁設計的風格也就不同。比如規則圖像、不規則圖像、對稱圖像、非對稱圖像等的運用，可以說是網頁設計中布局合理、版面豐富的必要元素。小插圖的使用，也可以作為鏈接標志使用，還能是網頁整體布局合理、豐富，提高網頁的瀏覽量。

3 計算機圖像處理技術的措施

網頁設計者要對網頁設計中使用的圖像做好布局工作，確保頁面完整、統一，具有美感。計算機圖像處理的技術，主要包括數字圖像處理、數字圖像分析、數字圖像采集等方面，所以，網頁設計總計算機圖像處理的主要措施包括：

3.1 數字圖像處理的措施

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

圖像的變換，我們通常使用計算機技術中的傅里葉變換、沃爾什變換、離散余弦變換等處理技術。圖像的編碼、壓縮都是為了能夠對圖像數字化處理，減少空間占有量，獲得更有效的處理。圖像編碼是將圖像數字化，可以節省圖像的傳輸時間，減少占用的網絡服務器的存儲量。圖像的增強、復原，都是為了去掉圖像的外界干擾，是圖形清晰化，提高清晰度。圖像的分割、描述等的處理，都是對圖像進行有意義特征的提取，方便利用。對圖像的便捷、區域等進行描述，可以起到引導的效果。

3.2 圖像計算機數字分析的最佳措施

數字圖像的分析，可以說是網頁設計中圖像計算機處理的高階階段，這個階段是要用及其對圖像進行分析和識別，從而對其結果進行判斷。數字圖像的分析主要包括圖像中感興趣的目標、特征等進行分析、測量，從而獲得用戶瀏覽的可觀的信息，利用這個信息可以對圖像進行目標描述，從圖像到數字化、符號化的過程。利用計算機技術處理圖像分析，輸入的是圖像，輸出的是數據。我們這么做的目的就是對圖像進行分割、提取其特征，用像素構成的圖像轉換成用數字化簡介的形式，有利于網頁設計者的再次提取和使用。可以對圖像進行同類歸類，可以對圖像特征進行改變，設計出符合網頁要求的圖像，給用戶帶來新的觀感。

3.3 圖像數字化采集的計算機處理措施

關于圖像的數字化采集，我們可以借助外部設備，比如光敏感器件、掃描儀、數模轉換儀等設備。我們在圖像數字化采集過程中，要對分辨率有要求，更要對系統的穩定性有要求。如，我們選擇EPP并口傳輸，速率可以達到每秒1.30MHz，而且不用額外的驅動程序，所以能能夠節約時間和成本。再如，在已經知道PCLK下降的情況，我們可以降低幀頻率到2fps，保證像素時鐘的周期3us，就可以獲得理想的圖像采集效果。

4 結語

網頁設計中的圖像處理，要求我們具有專業的計算機處理能力，還要能夠有穩定的系統，網頁設計涉及內容多，需要提高計算機處理圖像的水平。借助計算機圖像處理技術，可以讓網頁設計總體有立體感，保證完整性的同時還有藝術美感，能夠刺激瀏覽者的感官，增加瀏覽的欲望，提高瀏覽量。

參考文獻

[1] 章偉.計算機圖像處理技術在網頁設計中的運用[J].信息系統工程，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