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

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

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

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

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

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

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

1.1信息傳達(dá)功能

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

1.2視覺吸引功能

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

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

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

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

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

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

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

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

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

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

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

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

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

4結(jié)束語

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

參考文獻(xiàn)

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

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

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

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