網(wǎng)頁設(shè)計對計算機圖像處理技術(shù)的應(yīng)用

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

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

【關(guān)鍵詞】網(wǎng)頁設(shè)計；計算機圖像處理技術(shù)；應(yīng)用解析

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

1網(wǎng)頁設(shè)計中的使用圖像的意義

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

1.1信息傳達功能

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

1.2視覺吸引功能

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

2計算機圖像處理技術(shù)闡述

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

3計算機圖像處理技術(shù)在網(wǎng)頁設(shè)計中的應(yīng)用

3.1網(wǎng)頁設(shè)計中常用的圖像格式和選擇技巧

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

3.2網(wǎng)頁設(shè)計中常見的圖像形式

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

3.3網(wǎng)頁設(shè)計中圖像的角色和職責

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

3.4網(wǎng)頁設(shè)計中圖像的處理技巧

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

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

4結(jié)束語

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

參考文獻

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

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

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

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