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

金雷

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

計(jì)算機(jī)圖像技術(shù)以圖像為基礎(chǔ)和前提，通過(guò)計(jì)算機(jī)技術(shù)進(jìn)行加工處理，涉及數(shù)字化技術(shù)、多媒體技術(shù)等諸多技術(shù)，現(xiàn)如今，在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用成效十分顯著。接下來(lái)，談?wù)剬?duì)網(wǎng)頁(yè)設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)應(yīng)用的幾點(diǎn)思考。

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

（一）傳遞信息

眾所周知，網(wǎng)頁(yè)設(shè)計(jì)的核心就在于傳達(dá)信息，網(wǎng)頁(yè)設(shè)計(jì)中的圖片、文字、動(dòng)畫等載體包含了設(shè)計(jì)者想要傳達(dá)給受眾的所有信息，這也是網(wǎng)頁(yè)設(shè)計(jì)的主要作用。在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中運(yùn)用計(jì)算機(jī)圖像處理技術(shù)，不但沒(méi)有改變網(wǎng)頁(yè)設(shè)計(jì)原本的意義，還能在很大程度上促進(jìn)網(wǎng)頁(yè)作用的發(fā)揮，通過(guò)計(jì)算機(jī)圖像處理技術(shù)，能不斷優(yōu)化頁(yè)面布局，提升頁(yè)面排版的科學(xué)性、有效性，從而吸引廣大受眾的眼光，加深閱讀印象，進(jìn)而能夠?qū)⒃O(shè)計(jì)者的意圖傳遞給受眾，進(jìn)而達(dá)到網(wǎng)頁(yè)設(shè)計(jì)的目的，增加綜合效益。

（二）提升審美

大自然千變?nèi)f化，“美”也是隨處可見(jiàn)，面對(duì)大自然中的萬(wàn)事萬(wàn)物，我們更喜歡去注意、去觀賞美的事物?，F(xiàn)在市面上的網(wǎng)頁(yè)設(shè)計(jì)種類十分眾多，競(jìng)爭(zhēng)日趨激烈，要想在激烈的競(jìng)爭(zhēng)中立于不敗之地，必須在視覺(jué)方面引起受眾的注意。由此可見(jiàn)，網(wǎng)頁(yè)設(shè)計(jì)中的排版、圖像處理工作至關(guān)重要。而運(yùn)用計(jì)算機(jī)圖像處理技術(shù)，能突出頁(yè)面中圖像的作用，通過(guò)裁剪、旋轉(zhuǎn)等技術(shù)來(lái)美化頁(yè)面，會(huì)讓頁(yè)面更加符合大眾審美，成為大眾喜聞樂(lè)見(jiàn)的事物，進(jìn)而不斷提高網(wǎng)頁(yè)設(shè)計(jì)的綜合實(shí)力與競(jìng)爭(zhēng)力。

二、在網(wǎng)頁(yè)設(shè)計(jì)中計(jì)算機(jī)圖像處理要點(diǎn)和技巧

（一）網(wǎng)頁(yè)設(shè)計(jì)中圖像的選擇

在開(kāi)展網(wǎng)頁(yè)設(shè)計(jì)工作時(shí)，要想對(duì)圖像進(jìn)行一定的優(yōu)化處理，就勢(shì)必會(huì)涉及圖像選擇技巧問(wèn)題。首選，要清楚計(jì)算機(jī)圖像的幾種格式及其特征，雖然格式眾多，但最常用、效果最佳的也就三種圖像格式，即PNG格式、JPEG格式、GIF格式。這三者各具優(yōu)勢(shì)，如，PNG格式，它是無(wú)損壓縮圖像的一種，清晰度高，占的內(nèi)存也非常小，在網(wǎng)頁(yè)傳播中，優(yōu)勢(shì)十分明顯;再如，JPEG格式，作為有損壓縮圖像的一種，其損壞度非常小，人眼無(wú)法分辨，且這種格式的圖像占內(nèi)存小，比較適合在網(wǎng)頁(yè)設(shè)計(jì)中運(yùn)用;又如，GIF格式的圖像一般由靜態(tài)與動(dòng)態(tài)兩種，在不對(duì)圖像質(zhì)量產(chǎn)生影響的前提下，它能夠生成非常小的文件，該種圖像格式與時(shí)俱進(jìn)，順應(yīng)了互聯(lián)網(wǎng)技術(shù)發(fā)展潮流，也是現(xiàn)下網(wǎng)頁(yè)設(shè)計(jì)中運(yùn)用最普遍、最受歡迎的一種圖像格式。不難發(fā)現(xiàn)，這三種格式的圖像各具優(yōu)勢(shì)，適用于不同種類的網(wǎng)頁(yè)設(shè)計(jì)中，如果設(shè)計(jì)師們能夠全面掌握這幾種圖像格式，那么他們就可以在設(shè)計(jì)過(guò)程中，結(jié)合實(shí)際需求來(lái)選擇運(yùn)用不同格式的圖像。

（二）網(wǎng)頁(yè)設(shè)計(jì)中圖像處理技巧

第一，對(duì)圖像大小的處理。眾所周知，網(wǎng)頁(yè)設(shè)計(jì)中對(duì)區(qū)域是有一定限制的，因此，網(wǎng)頁(yè)圖像的大小會(huì)對(duì)頁(yè)面布局產(chǎn)生直接影響。要確保網(wǎng)頁(yè)圖像大小要適中，與網(wǎng)頁(yè)界面大小相吻合，才能有效保證網(wǎng)頁(yè)的科學(xué)比例，提高美觀度與整潔性。由此可見(jiàn)，科學(xué)處理圖像大小至關(guān)重要。

第二，對(duì)圖像內(nèi)容的處理。如果網(wǎng)頁(yè)設(shè)計(jì)的企業(yè)不同、頁(yè)面作用不同，那么不同的圖像會(huì)發(fā)揮不同的作用。如，圖像能夠利用鏈接、背景描述、截圖等方式表現(xiàn)，也能夠直接傳遞圖像信息。如果人們只是將網(wǎng)頁(yè)圖像當(dāng)做背景來(lái)用，那么要注重融合文字元素、視聽(tīng)資料等。值得一提的是，在網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中，完全可以利用短小精悍的圖像來(lái)直接當(dāng)做標(biāo)題、部分鏈接，如此能夠大大提升網(wǎng)頁(yè)的美感，吸引受眾眼球。

第三，對(duì)圖像色彩的處理。頁(yè)面會(huì)讓人們呈現(xiàn)直觀地感受，圖像的差別多表現(xiàn)在色彩方面，由此可見(jiàn)，網(wǎng)頁(yè)圖像不同，在網(wǎng)頁(yè)設(shè)計(jì)中所展現(xiàn)的效果也會(huì)有所不同。如，在慶祝春節(jié)、國(guó)慶等傳統(tǒng)喜慶節(jié)日時(shí)，我們就可以利用燦爛的紅色調(diào)來(lái)展示;在遇到清明節(jié)、重陽(yáng)節(jié)等這類節(jié)日時(shí)，我們常常利用灰色調(diào)來(lái)當(dāng)做網(wǎng)頁(yè)中圖像色彩。利用不同的色彩來(lái)傳遞人們不同的心情，如此能夠引發(fā)廣大受眾的情感共鳴，從而大大提升網(wǎng)頁(yè)圖像的渲染力、感染力。

第四，對(duì)圖像外形的處理。一般來(lái)說(shuō)，為了提升網(wǎng)頁(yè)圖像的藝術(shù)性、審美性，我們注重圖像處理工作的過(guò)程中，也要認(rèn)識(shí)到圖像外形處理的重要性，結(jié)合實(shí)際情況，不斷優(yōu)化、調(diào)整網(wǎng)頁(yè)版面布局，有效提升圖像的鮮明性、獨(dú)特性。其實(shí)，圖像的外形特征不同，會(huì)讓人們產(chǎn)生不同的感受，應(yīng)注重提高頁(yè)面的靈動(dòng)性。如，圓形或者帶有曲線條的圖形，再配之淡藍(lán)色等柔和的色調(diào)，會(huì)給大眾營(yíng)造一種安逸、祥和、安穩(wěn)的氛圍，這種多適合用在那些情感色彩比較重的網(wǎng)頁(yè)設(shè)計(jì)中;再如，正方形或長(zhǎng)方形，這類圖形是非常正常，人們最為熟悉的形狀，棱角分明的特征，無(wú)形中會(huì)讓人感覺(jué)到官方、正式且嚴(yán)肅，這種形狀一般多用在政府、公益性質(zhì)比較官方、正式的網(wǎng)頁(yè)設(shè)計(jì)中;又如，菱形，這種形狀頗具美感，給人一種嚴(yán)肅但又充滿靈動(dòng)的感覺(jué)，一般多用在一些提示性的網(wǎng)站中，比較容易吸引大眾注意力?？偟膩?lái)看，加強(qiáng)對(duì)網(wǎng)頁(yè)設(shè)計(jì)中圖像外形的處理，有利于讓網(wǎng)頁(yè)中的圖像與設(shè)計(jì)內(nèi)容更加吻合，從而能夠?qū)⒃O(shè)計(jì)者們的意圖完美表達(dá)出去，還能大大提升頁(yè)面的藝術(shù)性、綜合性以及美感，能在很大程度上提升網(wǎng)頁(yè)設(shè)計(jì)的整體水平和檔次。

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

（一）主要的計(jì)算機(jī)圖像處理技術(shù)

1、圖像壓縮技術(shù)

在網(wǎng)頁(yè)設(shè)計(jì)中，相關(guān)的網(wǎng)頁(yè)大小都是有規(guī)定的，而一些網(wǎng)頁(yè)圖片大小布局都是需要具體的設(shè)定的，一般情況下，拍攝的圖像的內(nèi)存都比較大，對(duì)嚴(yán)重占用網(wǎng)頁(yè)內(nèi)存，遮掩會(huì)導(dǎo)致網(wǎng)頁(yè)的運(yùn)行速度下降，還會(huì)占用一些網(wǎng)頁(yè)宣傳的空間，所以，需要使用圖像壓縮技術(shù)，對(duì)于較大圖像進(jìn)行壓縮，按照網(wǎng)頁(yè)設(shè)計(jì)的比例來(lái)設(shè)定合理的圖像大小。相關(guān)的圖像壓縮技術(shù)應(yīng)用中，能夠確保壓縮后的圖像清晰度和原圖像一致，這樣的壓縮效果才能可靠的，能夠滿足網(wǎng)頁(yè)設(shè)計(jì)的需要，保證整體網(wǎng)頁(yè)設(shè)計(jì)的有效性。

2、圖像去噪技術(shù)

在進(jìn)行圖像采集的過(guò)程中，也可能存在一些外界的噪音，這主要是計(jì)算機(jī)自身物理特點(diǎn)決定的，要確保圖像質(zhì)量，必須要去除這部分的雜質(zhì)，進(jìn)行圖像的降噪處理，保證圖像質(zhì)量。在這一過(guò)程中，可以應(yīng)用續(xù)造技術(shù)，確保網(wǎng)頁(yè)的瀏覽效果。

3、圖像增強(qiáng)技術(shù)

在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)中還需要注意，一些網(wǎng)頁(yè)自身為了達(dá)到相應(yīng)的宣傳效果，在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)中，會(huì)有一部分的增強(qiáng)設(shè)計(jì)，在用戶打開(kāi)網(wǎng)頁(yè)的時(shí)候，相應(yīng)增強(qiáng)的字體或者是圖像能夠更加顯眼吸睛，達(dá)到預(yù)期的宣傳效果。這里就需要用到圖像增強(qiáng)技術(shù)。借助圖像增強(qiáng)技術(shù)，可以對(duì)于一些質(zhì)量不高的圖像進(jìn)行效果的強(qiáng)化，這樣即使是在不理想的狀態(tài)下拍的照片，像素不佳，也可以通過(guò)增強(qiáng)技術(shù)應(yīng)用提升圖像效果，讓整體的圖像更加清晰，讓用戶掌握重要信息。同時(shí)，使用圖像增強(qiáng)技術(shù)，也能夠?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)的后期圖像制作帶來(lái)便利。目前，圖像增強(qiáng)技術(shù)在很多領(lǐng)域都有應(yīng)用，例如，通過(guò)圖像增強(qiáng)技術(shù)，將老舊模糊的照片進(jìn)行翻新，讓老照片更加清晰，給人以美好的回憶。在網(wǎng)頁(yè)設(shè)計(jì)中，圖像增強(qiáng)技術(shù)不僅僅用于圖像的清晰度的增強(qiáng)，也用于圖像特效的增強(qiáng)，借助圖像增強(qiáng)技術(shù)，可以讓原本靜止?fàn)顟B(tài)的圖像變成動(dòng)態(tài)圖像，可以讓圖像的大小、位置、狀態(tài)改變，從而達(dá)到信息傳遞的增強(qiáng)效果，實(shí)現(xiàn)網(wǎng)頁(yè)宣傳的目的。

（二）網(wǎng)頁(yè)設(shè)計(jì)中圖像處理技術(shù)應(yīng)用要點(diǎn)

1、進(jìn)行靈活多樣的圖像組合設(shè)計(jì)

在進(jìn)行圖像網(wǎng)頁(yè)設(shè)計(jì)中，借助計(jì)算機(jī)圖像處理技術(shù)，可以實(shí)現(xiàn)對(duì)于相關(guān)圖像的多樣化組合設(shè)計(jì)。以為圖像自身就包含了很多種格式，不同格式的圖像都有其應(yīng)用的優(yōu)勢(shì)和特點(diǎn)，目前應(yīng)用比較多的圖像格式有GIF.PNG.JPEG等等，在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中，進(jìn)行圖像的選擇需要結(jié)合實(shí)際的網(wǎng)頁(yè)設(shè)計(jì)需要來(lái)選擇合理的格式。一般在設(shè)計(jì)動(dòng)態(tài)的網(wǎng)頁(yè)畫面的時(shí)候，可以選擇使用GIF格式的圖像，這類圖像的特點(diǎn)就是動(dòng)態(tài)、活潑，這些圖像能夠表達(dá)一定的思想、情緒、主題等，能夠容易引起觀眾的共鳴，相對(duì)來(lái)說(shuō)，宣傳的效果更好。

如果在設(shè)計(jì)中比較注重網(wǎng)頁(yè)的刷新和運(yùn)轉(zhuǎn)速度，最好少用上述的圖像格式，多選擇PNG圖像格式，這類圖像所占的內(nèi)存比較少，且在壓縮處理的過(guò)程中能夠確保整體圖像的清晰度，保證圖像信息完整性，對(duì)于運(yùn)轉(zhuǎn)速度不會(huì)帶來(lái)什么壓力，因此能夠保證網(wǎng)頁(yè)運(yùn)轉(zhuǎn)速度，避免網(wǎng)頁(yè)刷新慢，網(wǎng)頁(yè)運(yùn)行緩慢、卡頓的情況出現(xiàn)。

2、合理控制調(diào)節(jié)圖像的大小

網(wǎng)頁(yè)設(shè)計(jì)，是將相關(guān)的圖像、文字等信息形式在一定的網(wǎng)頁(yè)布局中有效呈現(xiàn)出來(lái)，在網(wǎng)頁(yè)設(shè)計(jì)中，需要對(duì)于圖像大小進(jìn)行合理的調(diào)節(jié)和控制，這對(duì)于網(wǎng)頁(yè)設(shè)計(jì)的整體效果來(lái)說(shuō)很重要。一般網(wǎng)頁(yè)的運(yùn)行需要滿足多種電腦和終端設(shè)備的需要，電腦自身的尺寸大小不一致，相應(yīng)的顯示屏的長(zhǎng)度和寬度也有一定的差異，這些都會(huì)在一定程度上影響圖像顯示效果，對(duì)此，需要嚴(yán)格控制圖像在網(wǎng)頁(yè)中的大小和比例，保證整體的視覺(jué)感官效果更好。在進(jìn)行圖片的放大和縮小時(shí)一定會(huì)影響到圖像的像素，放大則會(huì)降低，圖像的像素縮小則會(huì)導(dǎo)致圖片與網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中整體不符，所以在設(shè)計(jì)過(guò)程當(dāng)中，一定要選擇大小合適的圖片，并且把控好圖像的高清度，把控好高清度不會(huì)影響到網(wǎng)頁(yè)的運(yùn)轉(zhuǎn)速度。對(duì)此，需要把握好圖像在網(wǎng)頁(yè)中的大小控制，這需要相關(guān)設(shè)計(jì)者需要有一定的比例設(shè)計(jì)和控制理念，能夠優(yōu)化網(wǎng)頁(yè)布局，提升網(wǎng)頁(yè)設(shè)計(jì)效果。

結(jié)束語(yǔ)

綜上所述，隨著“互聯(lián)網(wǎng)+”時(shí)代的到來(lái)，各行各業(yè)的發(fā)展都離不開(kāi)網(wǎng)絡(luò)，政府、企業(yè)在發(fā)展過(guò)程中都會(huì)設(shè)計(jì)自己的官方網(wǎng)站，網(wǎng)頁(yè)設(shè)計(jì)作為一種新型產(chǎn)業(yè)，具有廣闊的發(fā)展前景。但是，在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中還存在諸多問(wèn)題，影響整體設(shè)計(jì)水平。作為網(wǎng)頁(yè)設(shè)計(jì)師們，應(yīng)樹(shù)立正確的設(shè)計(jì)理念，創(chuàng)新設(shè)計(jì)方法，積極采用計(jì)算機(jī)圖像處理技術(shù)，對(duì)網(wǎng)頁(yè)中的圖像進(jìn)行行之有效的處理，從而能夠全面?zhèn)鬟_(dá)設(shè)計(jì)者意圖，滿足大眾需求，有效提升點(diǎn)擊率，同時(shí)也能提升網(wǎng)頁(yè)的整體質(zhì)量與水平，提升網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)性、整體性和美感。