淺析圖像處理技術(shù)在網(wǎng)頁設(shè)計中的運用

廖穎

（武漢工程科技學(xué)院藝術(shù)與傳媒學(xué)院，湖北 武漢 430000）

社會在發(fā)展，時代在進(jìn)步。新時代信息技術(shù)水平不斷提高，互聯(lián)網(wǎng)成為各行各業(yè)最常用的信息獲取渠道，而網(wǎng)頁設(shè)計的好壞直接影響著網(wǎng)站的運行質(zhì)量和人們獲取信息的效率。計算機(jī)圖像處理技術(shù)能夠有效指導(dǎo)網(wǎng)頁設(shè)計的優(yōu)化運用，并且能夠?qū)⒇S富多彩的網(wǎng)絡(luò)信息及時準(zhǔn)確傳遞給瀏覽者，讓圖像處理技術(shù)在網(wǎng)頁設(shè)計中的作用越來越大。因此，圖像處理技術(shù)在網(wǎng)頁設(shè)計中的運用至關(guān)重要，需要社會各界予以高度關(guān)注。

一、圖像處理技術(shù)概述

隨著社會經(jīng)濟(jì)不斷發(fā)展，計算機(jī)網(wǎng)絡(luò)技術(shù)日益科學(xué)化，圖像處理技術(shù)亦得到創(chuàng)新發(fā)展。網(wǎng)頁設(shè)計人員可以利用圖像處理、數(shù)據(jù)處理以及計算機(jī)技術(shù)，改進(jìn)和優(yōu)化圖像或數(shù)據(jù)，以達(dá)到用戶的實際需求的方式。利用計算機(jī)圖像處理技術(shù)，不僅可以快速查找數(shù)據(jù)圖像的問題，還能夠?qū)?shù)據(jù)圖像進(jìn)行及時有效處理，進(jìn)而達(dá)到預(yù)期成效。首先，圖像制作時會出現(xiàn)噪點問題，這些問題使得成像效果差、成像質(zhì)量低，一定程度上影響了圖片的觀賞價值，圖像去噪處理技術(shù)可以有效解決這些問題。因此，可以使用中值或均值濾波等技術(shù)手段進(jìn)行去噪處理，以達(dá)到成像清晰的目的。其次，圖像增強(qiáng)處理技術(shù)可以利用圖像剪切、銳化、變換及濾鏡等方式將圖像數(shù)據(jù)進(jìn)行優(yōu)化，增強(qiáng)圖像真實效果，進(jìn)而達(dá)到淡化瑕疵、凸顯重點的效果。這些圖像處理技術(shù)運用視覺、光學(xué)原理將原本暗淡、普通的圖像轉(zhuǎn)化為絢爛奪目的圖像效果，因此具有廣闊的應(yīng)用空間。此外，在網(wǎng)頁設(shè)計中也經(jīng)常要對圖像進(jìn)行壓縮，這就會使用到圖像壓縮處理技術(shù)，在壓縮的過程中要準(zhǔn)確把握壓縮時間和壓縮效果，保證圖像處理科學(xué)合理有效，最大程度避免原本圖像失真情況產(chǎn)生，目前圖片壓縮類型主要是“JPEG”和“MPEG”等類型。

二、圖像處理技術(shù)在網(wǎng)頁設(shè)計中的重要作用

（一）強(qiáng)化網(wǎng)頁設(shè)計的感染效果

網(wǎng)頁設(shè)計中離不開計算機(jī)圖像處理技術(shù)的有效支撐，利用圖像處理技術(shù)不僅能夠讓網(wǎng)頁更加清晰化、新穎化，還能根據(jù)人們不同的需求設(shè)計不一樣的網(wǎng)頁界面，真正達(dá)到藝術(shù)感染效果。利用圖像處理技術(shù)進(jìn)行圖像網(wǎng)頁優(yōu)化，能夠科學(xué)改變網(wǎng)頁設(shè)計布局，給人們帶來別樣的視覺效果，吸引更多用戶眼球，從而增加網(wǎng)頁的點擊率和瀏覽量。若學(xué)校的網(wǎng)頁新穎別致、頁面布局合理，可以獲得家長、師生及社會的高度關(guān)注度，為學(xué)校宣傳提供良好條件；若企業(yè)通過優(yōu)質(zhì)網(wǎng)頁進(jìn)行文化、產(chǎn)品宣傳，能夠為企業(yè)知名度的提升奠定堅實基礎(chǔ)。這些都需要運用圖像處理技術(shù)進(jìn)行網(wǎng)頁的設(shè)計，因此，計算機(jī)圖像處理技術(shù)在網(wǎng)頁設(shè)計中的作用不容忽視。

（二）凸出網(wǎng)頁設(shè)計理念及重點

網(wǎng)頁設(shè)計理念直接關(guān)系到網(wǎng)頁質(zhì)量效果，高水平的網(wǎng)頁設(shè)計能夠吸引更多瀏覽者參與點擊，甚至能夠根據(jù)不同的人群需求進(jìn)行定制化設(shè)計，真正提升網(wǎng)頁瀏覽者的瀏覽效率。通過計算機(jī)圖像處理技術(shù)能夠?qū)W(wǎng)頁中的各種圖片進(jìn)行色彩、尺寸、內(nèi)容等方面的優(yōu)化，并將網(wǎng)頁中的版面設(shè)置進(jìn)行有效優(yōu)化，真正實現(xiàn)文字、圖像、色彩等整體布局協(xié)調(diào)效果，吸引更多瀏覽者瀏覽網(wǎng)頁、點擊網(wǎng)頁，滿足不同人群的多樣化需求。眾所周知，網(wǎng)頁的重點內(nèi)容突出也至關(guān)重要，當(dāng)今大多數(shù)人不愿意瀏覽篇幅較長的文字信息，更愿意通過圖像直觀了解網(wǎng)頁信息，進(jìn)而滿足自身的瀏覽需求。因此，通過圖像處理技術(shù)進(jìn)行網(wǎng)頁設(shè)計優(yōu)化，能夠凸顯網(wǎng)頁的重點內(nèi)容，增加瀏覽量和點擊人數(shù)，真正實現(xiàn)網(wǎng)頁設(shè)計的重心和初衷。

（三）提升人們獲取網(wǎng)絡(luò)重要信息的效率

生活節(jié)奏日益加快的今天，人們對網(wǎng)頁的瀏覽更加傾向于直觀化和快速化，篇幅較長的網(wǎng)頁信息往往得不到人們的長久青睞，人們會覺得網(wǎng)頁信息量太大且不直觀，不愿意花太多時間去了解網(wǎng)頁內(nèi)容。相反，簡潔明了、圖文并茂的網(wǎng)頁信息更易抓獲瀏覽者的眼球，瀏覽者通過圖片和簡短文字能夠直觀、便捷地捕捉到自己所需要的信息。因此，將圖像處理技術(shù)應(yīng)用于網(wǎng)頁設(shè)計中能夠讓網(wǎng)頁瀏覽者通過點擊圖像獲取有效信息，真正提升其獲取重要信息的效率。網(wǎng)頁設(shè)計過程中，科學(xué)合理地應(yīng)用圖像處理技術(shù)，不斷優(yōu)化網(wǎng)頁圖像、文字的配置，能夠充分調(diào)動瀏覽者閱讀網(wǎng)頁的積極性，心情愉悅且高效率地獲取自己想要的網(wǎng)絡(luò)信息。

三、圖像處理技術(shù)在網(wǎng)頁設(shè)計中的具體運用

（一）常用圖像格式、形式以及選擇辦法

網(wǎng)頁設(shè)計過程中需要用到大量圖片，圖像格式很多，不同的網(wǎng)頁設(shè)計要求選擇不同的圖像格式，進(jìn)而呈現(xiàn)不同的網(wǎng)頁效果。圖像格式一般包括GIF、JPEG和PNG三種格式。GIF格式對網(wǎng)頁瀏覽器的要求不是很高，只是對圖形的位置進(jìn)行基本變換，是一種無損失壓縮格式，但此格式缺陷明顯，包含很多色彩的圖像不能用此格式。JPEG格式較GIF格式而言，壓縮過程會有損失，但是能承擔(dān)20種左右的色彩調(diào)節(jié)，照片基本都是JPEG格式，此格式不適合存儲文字清晰的圖像，適合在網(wǎng)絡(luò)設(shè)計過程中使用。PNG格式是一種無損壓縮格式，但是能夠滿足較高的彩色圖像要求，雖然其屬于無損壓縮格式，但是色彩鮮艷的格式圖片在壓縮過程中也會有損毀。因此，PNG格式主要用于網(wǎng)頁設(shè)計或其他應(yīng)用。設(shè)計師會根據(jù)實際需求進(jìn)行圖形格式選擇，比如若無太大色彩圖像要求，就選擇GIF格式，如色彩眾多可選JPEG格式，要是對瀏覽器要求高就得選擇PNG格式。與此同時，網(wǎng)頁設(shè)計過程中，常見的圖像形式有攝影和插圖等。攝影對于網(wǎng)頁設(shè)計非常重要，深受人們喜愛。插圖圖像形式要求設(shè)計與文字交融發(fā)展，且要通過設(shè)計與文化宣傳讓更多人明白圖像處理在網(wǎng)頁設(shè)計中的地位和作用。

（二）把控網(wǎng)頁設(shè)計中圖像大小

圖像處理技術(shù)的運用有利于把控網(wǎng)頁設(shè)計中圖像的大小。網(wǎng)頁設(shè)計若要給人們一種良好的視覺效果必須對圖像大小進(jìn)行調(diào)整，尺寸越大所包含的內(nèi)容就越大，尺寸越小可添加內(nèi)容就越少。圖像大小需在矢量工具中更改，一旦轉(zhuǎn)化為圖像，后續(xù)無法進(jìn)行縮放。首先，電腦的屏幕長寬高都是固定的，網(wǎng)頁設(shè)計中的圖像大小也是有限制的，所以在網(wǎng)頁設(shè)計過程中，圖像大小不應(yīng)該超出電腦屏幕的尺寸。其次，在網(wǎng)絡(luò)設(shè)計中，圖像大小和清晰度有著千絲萬縷的關(guān)系，一旦圖像處理技術(shù)運用得不科學(xué)，可能直接導(dǎo)致圖像大小不合適，不僅難以滿足網(wǎng)絡(luò)設(shè)計要求，還會使得圖像清晰度受到嚴(yán)重?fù)p害，不利于發(fā)揮圖像處理技術(shù)在網(wǎng)絡(luò)設(shè)計中的重要作用。因此，合理把控圖像大小和清晰度是網(wǎng)絡(luò)設(shè)計過程中非常重要的環(huán)節(jié)。此外，過度追求圖像清晰度將影響網(wǎng)頁瀏覽效果，合理運用網(wǎng)頁設(shè)計中圖像處理技術(shù)，努力平衡網(wǎng)頁設(shè)計和網(wǎng)頁瀏覽效果至關(guān)重要。

（三）正確把握圖像處理技術(shù)在網(wǎng)絡(luò)設(shè)計中的定位

網(wǎng)頁設(shè)計風(fēng)格的不同對圖像處理技術(shù)的應(yīng)用要求不盡相同，若網(wǎng)頁風(fēng)格是復(fù)古的，那就需要顯示一些復(fù)古圖像，若風(fēng)格是浪漫的，則需要炫麗的照片去渲染，若風(fēng)格是古樸的，則圖像需要包含樸素?zé)o華的元素，以匹配網(wǎng)頁設(shè)計風(fēng)格。圖像定位不同，則網(wǎng)絡(luò)設(shè)計要求也不一樣，比如圖像功能里如果需要標(biāo)記背景、文字或者相關(guān)鏈接的話，可以利用文本對網(wǎng)頁設(shè)計背景進(jìn)行詮釋，讓瀏覽訪問者加深對此網(wǎng)絡(luò)內(nèi)容的印象。同時，網(wǎng)頁設(shè)計者可以通過一定途徑進(jìn)行背景設(shè)置，達(dá)到頁面設(shè)計優(yōu)化改進(jìn)，比如利用較小的配圖或者其他工具來修飾頁面背景，以適應(yīng)整體的設(shè)計風(fēng)格。目前很多企業(yè)網(wǎng)站主頁植入企業(yè)標(biāo)識，特別是占據(jù)主頁核心位置，有利于強(qiáng)化企業(yè)宣傳力度，讓更多人直觀了解企業(yè)文化和未來發(fā)展步伐，為企業(yè)經(jīng)濟(jì)、社會效益提升奠定堅實基礎(chǔ)。

四、結(jié)語

綜上所述，當(dāng)代互聯(lián)網(wǎng)日益發(fā)達(dá)的今天，將計算機(jī)圖像處理技術(shù)應(yīng)用于網(wǎng)頁設(shè)計能夠有效增強(qiáng)網(wǎng)頁瀏覽質(zhì)量、提升瀏覽者的獲取信息效率。通過圖像處理技術(shù)可以及時準(zhǔn)確調(diào)整圖像格式、圖像大小，也可以對圖像進(jìn)行編輯、剪裁等等，從而為網(wǎng)頁設(shè)計帶來方便。