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

廖穎

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

四、結(jié)語

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