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

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了網頁設計對計算機圖像處理技術的應用范文，希望能給你帶來靈感和參考，敬請閱讀。

【摘要】隨著計算機互聯(lián)網絡的迅速發(fā)展，網頁設計受到了越來越多的關注，人們對網頁設計的要求也越來越高。網頁設計者將計算機圖像處理技術應用到網頁設計中來，以提高網頁設計的效果，增強網頁的美觀性和藝術感。文章闡述了網頁設計中圖像的重要作用以及計算機圖像處理方面的相關知識，并對網頁設計中應用到的圖像處理技術進行解析。

【關鍵詞】網頁設計；計算機圖像處理技術；應用解析

在計算機技術和網絡技術飛速發(fā)展的背景下，網頁設計呈現(xiàn)出蓬勃發(fā)展的趨勢。網頁設計的最終目標是借助于文本、圖形、圖像、聲音、視頻等多種媒體表現(xiàn)形式，將所要表達的思想、內容展示給網頁瀏覽者。在激烈的市場競爭中，商業(yè)性的網頁越來越多，對于網頁設計的要求也越來越高。網頁既要客觀呈現(xiàn)事物，又要精彩美觀。圖像在網頁設計中起著至關重要的作用。在網頁設計中應用計算機圖像處理技術，可以提高網頁設計的自身效果，也是市場需求的必然選擇。

1網頁設計中的使用圖像的意義

在網頁設計中引入適當?shù)膱D像，可以增強網頁的藝術感染力和視覺沖擊力，更好的傳遞出網頁設計的主題思想，吸引瀏覽者的注意，也可以體現(xiàn)出網頁的設計風格。總的來說，圖像具有信息傳達和視覺吸引的功能，在網頁設計中起著非常重要的作用[1]。

1.1信息傳達功能

圖像本身就是一種傳達信息的重要手段。在文字敘述的區(qū)域，引入適當?shù)膱D片，能夠更快、更形象、更直觀的突出文字的主題，傳遞出網頁的主要內容。圖像與文字相比更容易引起瀏覽者的關注。采用文字和圖像結合的方式，可以幫助瀏覽者快速找到所需要的信息。圖像能夠美化網頁，將相關的內容、理念等信息直觀、高效、形象的傳達給瀏覽者。

1.2視覺吸引功能

在網頁設計中，包含許多的媒體類型，比如文字、圖像、聲音和視頻等。只有文字的版面會顯得過于單調。圖像更容易吸引瀏覽者的目光，增強網頁的視覺吸引效果。圖像與文字的有機結合，對網頁設計的協(xié)調性和美觀性非常重要，可以刺激人的大腦，提高瀏覽者閱讀的興趣，從而達到網頁設計的目的。

2計算機圖像處理技術闡述

計算機圖像處理技術起源于20世紀末，它是以圖像為基礎，利用計算機技術對圖像進行加工和處理的。計算機圖像處理技術結合了多媒體技術、數(shù)字化技術等，主要包括圖像的平移、旋轉、裁剪、去噪等前期預處理技術，圖像的增強、復原、分割、重建等中期處理技術以及識別、分析、編碼、壓縮等圖像后期處理技術。早期，計算機圖像處理技術主要應用于航天事業(yè)，但隨著計算機和網絡技術的迅速發(fā)展，計算機圖像處理技術被廣泛的應用到網頁設計中，得到了眾多網頁設計者的認可。利用計算機圖像處理軟件可以對圖像放大、縮小、合成、色彩調整、創(chuàng)意設計和制作特效等，使圖像與網頁的主題相一致，進一步達到美化網頁的功能。計算機圖像處理技術在快速的發(fā)展進步，功能也在不斷的完善。如今計算機圖像處理技術在網頁設計中具有非常重要的地位。

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

3.1網頁設計中常用的圖像格式和選擇技巧

計算機圖像格式種類繁多，選擇適合的圖片格式可以提高網頁設計的效果、節(jié)約下載時間以及較少服務器的負擔。在網頁設計中應用較多的圖片格式有GIF格式、JPEG格式和PNG格式[2]。1)GIF格式。GIF格式英文名稱為GraphicsInterchangeFor-mat，可以翻譯為圖形交換格式。GIF格式的圖像分為靜態(tài)和動態(tài)兩種類型，采用無損壓縮存儲方式，但是限制了色彩的表現(xiàn)能力，只支持256色以內的圖像。在不影響圖像質量的情況下，可以生成很小的文件。它支持透明色，圖像可以浮現(xiàn)在背景上面，也可以制作動畫，這是它最突出的一個特點。GIF文件的特點順應了互聯(lián)網的需求，幾乎所有的瀏覽器都支持這種格式，于是它成了互聯(lián)網上最流行的圖像格式。2)JPEG格式。JPEG格式是一種支持8位和24位色彩的壓縮位圖格式，是一種有損壓縮，文件較小。JPEG的壓縮技術十分先進，它具有調節(jié)圖像質量的功能，可以設置壓縮比例，壓縮比越大，圖像品質就越低，壓縮比越小，圖像品質就越好，同時，色彩的信息保留非常好。JPEG非常適合儲存色彩豐富的圖片，例如照片等，圖片有輕微失真肉眼也很難辨別出來，但是它不適合存儲線條、圖標或文字等邊緣非常清晰的圖片，特別適合在網頁和網絡中使用。3)PNG格式。PNG格式英文名稱為PortableNetworkGraphicFormat具有文件小、無損壓縮、支持透明效果的特點。PNG格式存儲灰度圖像時，灰度圖像的深度可多到16位，存儲彩色圖像時，彩色圖像的深度可多到48位，還可存儲多到16位的α通道數(shù)據(jù)。雖然PNG采用的是無損壓縮，但是PNG格式圖片還是會有不同程度的失真。PNG8最多只能索引256種顏色，如果圖像的顏色較多的話不能真實還原；PNG24則最多可以保存1600多萬種顏色，基本能夠真實還原我們肉眼所見的所有顏色。PNG格式廣泛應用于JAVA程序、網頁或S60程序中。設計師需要根據(jù)實際需求來選擇不同的圖像格式。存儲圖像時選擇JPG還是PNG的主要依據(jù)是圖像上的色彩層次和顏色數(shù)量。當圖像的色彩豐富,并且邊緣線條沒有銳利反差時,選擇JPEG格式可以得到最好的輸出結果；當圖像是有明顯邊緣的線條圖、沒有太多色彩或者需要制作透明背景時，GIF格式是最好的選擇；而PNG-24格式雖然看起來非常完美，但是需要考慮瀏覽器的支持問題，雖然現(xiàn)在大多數(shù)的瀏覽器都支持它，可是IE6是不支持透明的PNG圖像的。現(xiàn)在IE6或更早的版本使用者不會太多，但是設計師也要將這個因素考慮在內的。另外頁面結構的基本視覺元素，如Banner、商品圖片等對質量要求不是特別高的，可以使用JPG進行存儲降低文件大小。

3.2網頁設計中常見的圖像形式

圖像的形式多種多樣，網頁設計中應用較多的有攝影、截圖、簡單圖形、連接圖片等。為了讓網頁內容豐富且有藝術感染力，設計師需要將多種圖像形式應用到設計中。攝影是網頁設計中圖像素材的重要來源，攝影配圖是最簡單，也是最常見的配圖方式。攝影圖像屬于寫實性的，有較強的直觀感，可以將瀏覽者帶進特定的情境中。攝影圖像經過計算機圖像處理技術加工處理后，結合相應的文字描述，很容易被人們所接受和喜愛。另一種應用較多的是插圖。在網頁中，插圖經常用在描述性的文字的四周，既能增強直觀感，又能起到延伸文字和拓展信息的功能。插圖可以表現(xiàn)寫實性的圖片，也可以表現(xiàn)抽象類的圖片，具體根據(jù)實際需要設計。此外，還可以在網頁中插入一些有特色的圖形符號等圖像形式，以增強網頁的藝術魅力和視覺沖擊力。

3.3網頁設計中圖像的角色和職責

在網頁中圖像有多種角色，比如網站的LOGO、背景圖、網頁關鍵圖和導航等，角色不同，職責自然也不同。下面對其中較為重要的3種角色類型做介紹：1)網站的LOGO。LOGO是網站的標志，也是網站的名片。它是互聯(lián)網絡上各個網站之間鏈接的圖形標志，是網站提供給瀏覽者進入網站的一個門戶。圖形的LOGO比文字鏈接更吸引人的眼球。從某種程度來講，LOGO決定著一個網站的點擊率，可以說是一個網站的“點睛”之處。對于一個高品質的網站，一個好的LOGO能夠反映網站的某些信息，比如網站類型、內容和風格等。提起LOGO，我們很容易想到一些熟悉的網站，比如百度、搜狐、新浪等，這就是品牌的效應。LOGO大多是網頁設計師切合網站的理念、文化特色精心設計的，兼?zhèn)涔δ苄院退囆g性，給瀏覽者帶來藝術美感的視覺享受和高度的信賴感。2)網頁的背景圖。近年來，一些網站使用背景圖像作為背景，給瀏覽者一種視覺沖擊感。背景是網站的主要組成部分。對于一個網站來說，背景圖一定要簡單，效果不能太過強烈，只要提供一點質感就可以，否則就搶了頁面內容的風頭。如果背景圖的設計與網站融為一體，并且富有特色，色彩視覺效果處理得當，就會對瀏覽者產生很大的吸引力，瀏覽者有興趣進一步瀏覽網站。那么這個網站在同行業(yè)中便會出類拔萃，在網絡營銷上也會占據(jù)優(yōu)勢。3)網頁的關鍵圖。網頁上通常都有一些很醒目的圖像，用來吸引瀏覽者的注意力。在網頁中插入圖像的主要目的是用來宣傳一些主題，一般在頁面最顯眼的位置，不需要過多的文字描述信息，瀏覽者看到圖像就能知曉其所表達的含義，表達內容非常直觀，視覺沖擊感非常強。

3.4網頁設計中圖像的處理技巧

3.4.1圖像的尺寸網頁要達到理想的效果，圖像的合理布局就顯得尤為重要。設計師就需要靈活運用計算機圖像處理技術，熟練掌握圖像處理技巧[3]。圖像的尺寸直接影響網頁的直觀效果。尺寸大的圖像包含的內容豐富，能夠更好的表達出設計意圖。尺寸較小的圖像，一般個性感強，具有襯托主題的作用。使用矢量創(chuàng)作工具制作的圖像通常保存為PNG格式，尺寸需要在矢量繪圖工具中確定，轉換為位圖后一般不再對其進行縮放操作。特別需要注意的是，F(xiàn)ireworks創(chuàng)建的PNG文件中包含圖層等一些可編輯信息，其中直線、文字、形狀都屬于矢量圖。將此類圖像應用于網頁設計中應先進行輸出以便壓縮文件大小，而輸出的PNG圖像會丟掉可編輯信息而轉為位圖。因此，圖像尺寸的調節(jié)應在輸出操作之前完成。對于現(xiàn)成的位圖和照片，不要使用HTML語言中的height和width屬性來改變圖像尺寸，這樣可能會使圖像嚴重失真。一般使用Photoshop等軟件調好尺寸后再插入到網頁中。通常，放入網頁中的圖片應控制到一個比較小的尺寸。如果與文字混排，寬度最好在300px左右。即便單獨出現(xiàn)，寬度也最好在600px以下。至于高度，以不超過一屏為宜。

3.4.2圖像的外形不同類型的圖像有不同的特色。比如，我們看到矩形的圖像，就會有一種中規(guī)中矩的感覺；圓形圖像給我們一種親切溫暖的感覺；不規(guī)則的圖像會呈現(xiàn)出動感、有活力的感覺；菱形圖像能夠增加網頁的美感。因此，我們需要將合適的圖像應用到相應的網頁設計中。

4結束語

綜上所述，網頁設計是一項涉及領域較為廣泛的工作，要求網頁設計師具備較高的專業(yè)技能。計算機圖像處理技術在網頁設計中展現(xiàn)出巨大的優(yōu)勢，將其應用到網頁設計中，大大的提升了網頁設計的質量與效果。在不久的將來，隨著計算機技術的發(fā)展，計算機圖像處理技術一定會取得更大的進步，網頁設計也會更加完善、更加精彩。

參考文獻

[1]蔣麗君.淺談網頁設計中計算機圖像處理技術應用[J].商品與質量:消費研究,2015(1):71.

[2]仇樂.網頁設計中計算機圖像處理技術應用解析[J].煤炭技術,2013,32(3):204-205.

[3]劉顯麗.淺談圖像處理技術在網頁制作中應用[J].遼寧師專學報:自然科學版,2007(3):35.

作者：白雪 單位：鞍山市信息工程學校