圖像處理技術及其在網頁設計中的應用

馬楠

（山西省政法管理干部學院，山西太原，030012）

1 圖像處理技術概念及特點

圖像處理技術是伴隨著計算機技術發展而興起的一項實用性操作技術。它是一個借助計算機操作工具和軟件并集數字化技術、多媒體技術、智能化技術于一體的一項技術，主要功能是對導入的圖像進行進一步加工處理，對圖像的分辨率進行提高，另外也能夠對圖像的關鍵部分進行放大，從而達到獨特的效果。與其它處理技術相比，計算機具有運算處理能力強、內存容量大的特點，因此可以為圖像保存和處理搭建良好平臺。

2 圖像在網頁設計中的功能

（1）視覺吸引作用:在網頁的瀏覽過程中，網頁中的圖像對瀏覽者具有更強的吸引力，更能讓訪客產生興趣，從而為網站吸引跟多的訪問用戶。網頁設計中圖像設計起到了很重要的作用，包括圖像所蘊含的信息、圖像的大小、圖像在網頁中的位置、圖像的形狀、圖像的風格等都可以影響到網頁的整體設計效果，進而直接影響到網頁的吸引力。（2）信息導向作用：網頁設計中，恰當的使用圖像能夠起到非常好的的引導作用，利用圖片不僅能夠簡明扼要的向外界展示出網頁或網站的主要功能與內容，而且可以把設計者想要表達的理念傳遞給訪問者。一方面可以增強網頁頁面美觀度，另一方面也可以方便訪問者快速找到有用信息。

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

如果網頁設計者想通過自己的設計將網頁的吸引力和實用性效果變得更好，就要求設計者具有很強的圖像處理技術，通過圖像處理技術將自己的設計思想、理念靈活生動的展示出來。應用圖像處理技術對圖像尺寸處理時，應該要綜合考慮網頁頁面的整體布局，以達到整體協調的目的，同時在網頁布局中，相對簡潔但風格特色又非常鮮明的圖像在能對頁面起到良好的烘托作用。圖像的類型多種多樣，在實際生活中就可以發現，棱角分明的方正圖形能傳遞一種權威莊重的氣氛，外形不規則的圖形能夠表達新奇和獨特的感覺。所以，這就要求設計師能夠恰當的應用不同特色的圖像，并將它們進行合理的組合，最終為網頁能夠更加豐富多彩提供幫助。

3.1 在設計中豐富圖像形式的應用

網頁設計者應該充分利用計算機處理技術將攝像照片進行處理，并與文字進行合理搭配，一定能讓訪問者感受到視覺的享受，從而很大程度上滿足用戶日益挑剔的審美要求，這種處理技巧目前也是大部分主流網站最推崇的圖像處理技術。但是，有時候過于單調的攝像圖形常常會使網頁頁面太過于單調，甚至讓圖片喧賓奪主，使網頁主題思想不能很好的表達，這就要求設計人員能夠全方位思考，豐富圖像形式的應用，在設計中綜合運用多種圖形形式，一方面達到豐富頁面信息量的效果，另一方面也能確保網頁主題能夠鮮明表達。另外插圖也是網頁設計者常用的圖像處理技巧，插圖一般被設計者設置在網頁中文字的附近，這可以很大程度上豐富文字想要傳遞的信息。插圖的內容可以多種多樣，既可以是寫實的也可以是抽象的，選擇的依據主要是要符合網頁想要表達的主題思想。除以上敘述外，網頁設計中還有圖形符號等一些圖形形式可以使用，從而達到增添網頁設計氣息，提升視覺效果。

3.2 正確處理圖像和網頁的關系

在不同的網頁中圖像所起的作用有很大差別，由于作用的不同，其在網頁中所占據的位置以及圖像的大小也就有所不同，這也就使網頁風格存在很大差異。總體來說，圖像既可以作為網頁的標志，也可以直接充當一個網頁重要展示部分，這在網頁的實際設計中是非常常見的。比如，圖像充當網頁的整個背景時，此時圖像就不能作為網頁重點部分進行展示，這時就要求使用其它手段來豐富網頁。此外，將插圖應用在網頁設計中不僅可以襯托頁面背景，而且可以增添整個網頁的觀賞性。

3.3 在網頁設計中調整圖像的尺寸

利用圖像處理技術控制網頁中圖像尺寸主要有兩方面的原因，第一個方面是計算機顯示的長寬尺寸是非常有限的，導致網頁中對圖像的尺寸有很明確的限制，主要是網頁設計中的圖像要小于計算機顯示屏的尺寸；第二個方面是圖像大小和圖像的辨識度兩者存在直接的關系，例如，圖片處理技術將圖片的尺度放

大，就會導致圖像的辨識度降低，而假如將圖像的尺寸縮小，則圖像的尺寸又無法符合網頁設計需求。所以怎樣恰當的處理圖像尺寸和圖像辨識度就成為網頁設計重要一環，同時盲目的追求圖像的辨識度，也會造成網頁的加載速度過慢，對網頁瀏覽的流暢度造成影響，而計算機圖像處理技術在對圖片進行處理時，可以有效的平衡網頁加載速率和圖像的辨識度，并最終增強網頁的訪問效果，吸引更多的網絡用戶。

3.4 讓圖像變成網頁的關鍵

一般來講，絕大多數網頁都會使用一些吸引眼球的圖像來博得訪問者的關注，然后對該網頁產生瀏覽興趣。在網頁中設置引人奪目的圖像，一方面是網頁為了增加訪問量，而更重要的方面是網頁為了利用圖像來讓訪問者進一步了解網頁內容。因此，可以說網頁中的這幅圖是整個網頁的關鍵圖，它把網頁中想要表達的主題充分的展示了出來。這種關鍵圖像展示的形式給訪問者帶來一種很強的視覺享受，從而很容易的將網頁的主體內容展示給訪問者。

3.5 圖像處理的實用技巧

想要設計既簡潔美觀又豐富實用的網頁，設計師熟練的掌握計算機圖像處理技巧是非常關鍵的。網頁設計中圖像處理實用技巧主要包括圖像尺寸、形狀等許多方面。一般來說，圖像的尺寸要根據實用頁面的需求來確定，簡潔而有富有創意的圖像可以在網頁布局中扮演重要的角色。圖像的形狀有許多種，一般情況，外形不規則圖像可以表現出很強動感，方正的圖像能帶給人穩重感覺，因此多方位的應用各種類型的圖像，可以更好的表達網頁主題與內容。

4 總結

為了能夠使圖像處理技術在網頁設計中發揮更大的作用，讓人們能更便捷、高效的處理圖像，從而增強網頁搜索速度及頁面流暢度，圖像處理技術工作者需要增強對圖像處理新型技術不多開拓與創新，同時為拓展圖像處理技術的使用領域而努力。

[1]王維虎,宮婷.網頁設計與開發[M].人民郵電出版社,2014.

[2]張彥.建筑設計數字化作品在網頁設計中的運用[J].廣東經濟,2017(14).