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

張瀟文

摘 要：當(dāng)今世界，社會(huì)經(jīng)濟(jì)水平一直處于持續(xù)發(fā)展的狀態(tài)，科學(xué)技術(shù)也因經(jīng)濟(jì)的帶動(dòng)有了極大的發(fā)展，計(jì)算機(jī)技術(shù)的不斷完善就是科學(xué)進(jìn)步的一個(gè)重要標(biāo)志。作為一種重要的計(jì)算機(jī)技術(shù)，圖像處理技術(shù)已被廣泛應(yīng)用于各種應(yīng)用領(lǐng)域。近年來(lái)，網(wǎng)頁(yè)設(shè)計(jì)已逐漸成為一個(gè)新的話(huà)題和行業(yè)。雖然網(wǎng)頁(yè)設(shè)計(jì)早已可以通過(guò)使用一些相對(duì)簡(jiǎn)單的編程軟件來(lái)實(shí)現(xiàn)，但由于它已經(jīng)廣泛而深入地普及到人們生產(chǎn)和生活的各個(gè)角落，面臨的挑戰(zhàn)也逐漸增多，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)的要求也不斷增加。網(wǎng)頁(yè)設(shè)計(jì)具有極其廣闊的市場(chǎng)前景。因此，越來(lái)越多的行業(yè)和專(zhuān)業(yè)人士都開(kāi)始關(guān)注網(wǎng)頁(yè)設(shè)計(jì)。將圖像處理技術(shù)應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)，可以有效地增強(qiáng)網(wǎng)頁(yè)的美感，從而提高網(wǎng)頁(yè)設(shè)計(jì)的質(zhì)量和效率。筆者具有多年一線(xiàn)網(wǎng)頁(yè)設(shè)計(jì)經(jīng)驗(yàn)，文章的主要目標(biāo)是希望與大家針對(duì)網(wǎng)頁(yè)設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用共同探討、相互交流，為我國(guó)計(jì)算機(jī)行業(yè)網(wǎng)頁(yè)設(shè)計(jì)方向作出力所能及的貢獻(xiàn)。

關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)；計(jì)算機(jī)；圖像處理

目前，網(wǎng)絡(luò)宣傳越來(lái)越受到社會(huì)各界的關(guān)注，藝術(shù)與網(wǎng)絡(luò)展示的結(jié)合是必然趨勢(shì)。將計(jì)算機(jī)圖像處理技術(shù)應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)，可以使網(wǎng)頁(yè)更具吸引力和藝術(shù)性，從而引起人們的興趣，達(dá)到網(wǎng)絡(luò)宣傳的目的，對(duì)于商業(yè)等其他行業(yè)都有巨大的推動(dòng)作用。由于網(wǎng)頁(yè)設(shè)計(jì)非常重視圖形和圖像處理，網(wǎng)頁(yè)設(shè)計(jì)的最終目標(biāo)就是確保將圖像處理技術(shù)應(yīng)用到圖像和文本的有機(jī)結(jié)合中，以及讓訪(fǎng)問(wèn)者打開(kāi)網(wǎng)頁(yè)，關(guān)注到所需信息，切實(shí)落實(shí)宣傳的作用。

1 計(jì)算機(jī)圖像處理技術(shù)的概念

20世紀(jì)下半葉，計(jì)算機(jī)科學(xué)技術(shù)經(jīng)過(guò)了持續(xù)發(fā)展，變得更加科學(xué)化，計(jì)算機(jī)圖像處理技術(shù)也因此得到了極大的帶動(dòng)與突破。計(jì)算機(jī)圖像處理技術(shù)獨(dú)特的優(yōu)點(diǎn)，使其受到了廣泛的關(guān)注，特別是在航空工業(yè)中應(yīng)用廣泛。計(jì)算機(jī)圖像處理技術(shù)是指操作人員掌握的計(jì)算機(jī)技術(shù)、圖像處理或數(shù)據(jù)處理技術(shù)。利用計(jì)算機(jī)圖像處理技術(shù)，不僅能夠快速發(fā)現(xiàn)數(shù)據(jù)或圖像的缺點(diǎn)，還能夠?qū)?shù)據(jù)或圖像進(jìn)行及時(shí)的處理，達(dá)到預(yù)期的效果。具體而言，計(jì)算機(jī)圖像處理技術(shù)是基于待處理的圖像或數(shù)據(jù)，利用計(jì)算機(jī)技術(shù)進(jìn)行處理，以滿(mǎn)足人們的實(shí)際需要。計(jì)算機(jī)圖像處理技術(shù)主要涉及圖像的改進(jìn)、數(shù)據(jù)的處理、信息的整理等。同時(shí)，更好地對(duì)接幾何圖像，讓圖像明暗可以因時(shí)變化，都需要計(jì)算機(jī)圖像處理技術(shù)的有效利用，這有利于設(shè)計(jì)出對(duì)比度鮮明的圖像[1]。

2 網(wǎng)頁(yè)設(shè)計(jì)圖像處理知識(shí)

2.1 計(jì)算機(jī)圖像格式分析

計(jì)算機(jī)目前已經(jīng)可以允許使用多種圖像格式，下面作者主要對(duì)網(wǎng)頁(yè)設(shè)計(jì)中適用的3種圖像格式作一定的介紹。

（1）GIF格式：是一種目前正普遍利用的圖形交換格式，具有特殊的技術(shù)要求，即對(duì)圖像進(jìn)行壓縮處理時(shí)利用的是無(wú)損壓縮的算法，支持圖像顏色上限廣，可達(dá)到256色之多。作為具有透明處理功能、支持動(dòng)畫(huà)、交錯(cuò)處理特性以及適用范圍廣等特點(diǎn)的GIF格式，在卡通、素描等多種方式上均有利用，極其便于在互聯(lián)網(wǎng)上傳播。

（2）JPEG格式：即聯(lián)合靜態(tài)圖形專(zhuān)家組。該類(lèi)型的圖像具有極高的文件壓縮比，可以有效解決硬盤(pán)空間不足的問(wèn)題，即使有數(shù)據(jù)損失的情況，也不會(huì)造成太大問(wèn)題與影響。JPEG格式的缺點(diǎn)是無(wú)法支持透明效果的處理，在動(dòng)畫(huà)應(yīng)用中也有很大不便，但JPEG格式對(duì)于圖像進(jìn)行數(shù)字化處理以及圖像掃描應(yīng)用都有重要作用。

（3）PNG格式：即可移植網(wǎng)絡(luò)圖形，是一種新的圖像文件格式，是當(dāng)今網(wǎng)絡(luò)技術(shù)飛速發(fā)展的產(chǎn)物。與前兩種格式相比有更明顯的優(yōu)勢(shì)，適用范圍也更廣，有利于網(wǎng)絡(luò)通信的順利進(jìn)行[2-3]。

2.2 網(wǎng)頁(yè)中插入圖像

向Web頁(yè)面添加適當(dāng)?shù)膱D像是Web設(shè)計(jì)者的共同步驟。Dreamwaver在制作網(wǎng)站中有不可取代的作用。向Dreamwaver文檔窗口添加圖像的主要方法是考慮將圖像插入位置，將其添加到菜單欄。在“打開(kāi)”對(duì)話(huà)框頁(yè)上，單擊“選擇文件”對(duì)話(huà)框，并在“設(shè)置”對(duì)話(huà)框中的適當(dāng)位置設(shè)置參數(shù)。設(shè)置參數(shù)后，返回到“插入圖像”對(duì)話(huà)框界面并單擊“確定”按鈕。

3 計(jì)算機(jī)圖像處理技術(shù)的特點(diǎn)

3.1 再現(xiàn)性好

與傳統(tǒng)的模擬圖像處理技術(shù)不同，原始圖像在數(shù)字化過(guò)程中能夠準(zhǔn)確地顯示原圖，并通過(guò)計(jì)算機(jī)圖像處理保持原始圖像的形狀。計(jì)算機(jī)圖像處理技術(shù)在存儲(chǔ)、傳輸、再現(xiàn)的過(guò)程中，不會(huì)導(dǎo)致圖像質(zhì)量的下降，因此，圖像處理和再現(xiàn)效果始終可以保持良好。

3.2 處理精度高

隨著計(jì)算機(jī)圖像處理技術(shù)的發(fā)展，將模擬圖像變?yōu)槎S序列的方法更加輕松，只要在處理設(shè)備允許的情況下，我們可以隨意調(diào)整二維陣列的大小。隨著現(xiàn)代科技的發(fā)展，每個(gè)像素的灰度已經(jīng)可以量化到16位或更多，圖像數(shù)字精度的擴(kuò)大可以使得計(jì)算機(jī)處理圖像更加便利。

3.3 適用面寬

在現(xiàn)實(shí)生活中，圖像的信息源既可以是可見(jiàn)的，也可以是不可見(jiàn)的光譜圖像（例如X射線(xiàn)圖像、超聲波圖像或紅外圖像）。無(wú)論是航空照片亦或是電子顯微鏡圖像，甚至是遙感圖像和天文望遠(yuǎn)鏡圖像，都適用于此。并且它的大小與從圖像中反射的物體的比例相對(duì)應(yīng)。只要信息從不同源轉(zhuǎn)換為數(shù)字編碼，它們就由二維陣列表示的灰度圖像組成，計(jì)算機(jī)的應(yīng)用對(duì)此有重要作用。不同的圖像信息源需要我們采取相應(yīng)的圖像信息，這樣也便于我們獲取措施，圖像數(shù)字處理方法就適用于任何類(lèi)型的圖像[4]。

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

設(shè)計(jì)者要想使網(wǎng)頁(yè)更加實(shí)用、美觀(guān)，成熟的圖像處理水平是絕對(duì)必要的，這也可以使計(jì)算機(jī)圖像處理的過(guò)程更加靈活多變。網(wǎng)頁(yè)設(shè)計(jì)中的計(jì)算機(jī)圖像處理技術(shù)主要包括圖像外觀(guān)、風(fēng)格、大小、位置、方向等方面的處理方法。在具體操作中需要因時(shí)制宜，必須根據(jù)網(wǎng)頁(yè)的具體布局來(lái)設(shè)置圖像的大小。在網(wǎng)頁(yè)版式設(shè)計(jì)中，一種簡(jiǎn)單而特殊的圖片風(fēng)格對(duì)頁(yè)面翻轉(zhuǎn)的影響更為明顯，對(duì)圖像的外觀(guān)變化影響很大。在現(xiàn)實(shí)生活中，我們可以看到正方形等規(guī)矩而直立的圖形可以使人感到可靠與威嚴(yán)，不規(guī)則的圖形則給人自由與解放的快感。不同種類(lèi)的圖形可以顯示不同的風(fēng)格特點(diǎn)，基于此，網(wǎng)頁(yè)的中心思想也可見(jiàn)一斑。因此，應(yīng)該整合不同類(lèi)型的圖像，使整個(gè)頁(yè)面更加豐富和生動(dòng)。

4.1 對(duì)網(wǎng)頁(yè)設(shè)計(jì)中圖像的大小進(jìn)行控制

計(jì)算機(jī)圖像處理技術(shù)的合理應(yīng)用，可以控制網(wǎng)頁(yè)設(shè)計(jì)中圖像的大小，原因主要有以下幾點(diǎn)：首先，計(jì)算機(jī)屏幕的寬度和長(zhǎng)度都是有限的，計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)中圖像的大小也不是隨意的，而是具有嚴(yán)格限制的，也就是說(shuō)，網(wǎng)頁(yè)在頁(yè)面設(shè)計(jì)時(shí)，不應(yīng)超過(guò)計(jì)算機(jī)屏幕的長(zhǎng)度。其次，在Web設(shè)計(jì)中，圖像大小與清晰度之間存在著直接的內(nèi)在聯(lián)系，如果圖像處理技術(shù)使用不當(dāng)，造成圖像相對(duì)較大，不能滿(mǎn)足設(shè)計(jì)目標(biāo)的要求，圖像的清晰度可能就會(huì)受到影響。因此，如何把握?qǐng)D像尺寸和圖像清晰度是網(wǎng)頁(yè)設(shè)計(jì)的關(guān)鍵。追求高清圖像將影響網(wǎng)頁(yè)的運(yùn)行負(fù)荷、網(wǎng)頁(yè)的瀏覽效果以及JPEG圖像處理的計(jì)算機(jī)圖像處理技術(shù)。平衡加載速度和Web瀏覽效果的最終目的是為了提高網(wǎng)頁(yè)的瀏覽效果和質(zhì)量。

4.2 合理分配圖像的角色和職責(zé)

圖像在網(wǎng)頁(yè)設(shè)計(jì)中作用各不相同，具有不同的職位、規(guī)模和責(zé)任。不同風(fēng)格的網(wǎng)頁(yè)對(duì)圖像有不同的要求。如果網(wǎng)頁(yè)的風(fēng)格是真實(shí)的，它需要盡可能多地展示真實(shí)的圖片。如果網(wǎng)頁(yè)的風(fēng)格是浪漫的，它需要更漂亮的圖片渲染。網(wǎng)頁(yè)設(shè)計(jì)者應(yīng)根據(jù)網(wǎng)頁(yè)風(fēng)格選擇合適的圖片，以增加網(wǎng)頁(yè)的色彩。圖像具有不同的功能，如標(biāo)記、背景、鏈接或直接顯示網(wǎng)頁(yè)的主要內(nèi)容。當(dāng)圖像作為背景出現(xiàn)時(shí)，就需要額外的文本來(lái)豐富網(wǎng)頁(yè)的內(nèi)容。文本的使用可以對(duì)網(wǎng)絡(luò)圖像進(jìn)行進(jìn)一步的解釋?zhuān)部梢詭椭L(fǎng)問(wèn)者加深對(duì)頁(yè)面的印象。背景對(duì)于網(wǎng)頁(yè)設(shè)計(jì)非常重要。網(wǎng)頁(yè)設(shè)計(jì)者可以使用較小的插圖或線(xiàn)形圖來(lái)修改頁(yè)面的背景以適應(yīng)頁(yè)面設(shè)計(jì)的總體風(fēng)格。例如，許多企業(yè)網(wǎng)站在其主頁(yè)上有企業(yè)標(biāo)識(shí)，特別是在頁(yè)面上最突出的位置。這樣做的目的是在企業(yè)中給公眾留下深刻的印象，為企業(yè)發(fā)揮宣傳作用，為企業(yè)創(chuàng)造巨大的宣傳效益。

4.3 使圖像成為網(wǎng)站的標(biāo)志

不難發(fā)現(xiàn)，當(dāng)我們?yōu)g覽網(wǎng)頁(yè)時(shí)，我們總是看到每個(gè)頁(yè)面都會(huì)使用一些吸引人的圖像，從而吸引網(wǎng)頁(yè)瀏覽者眼球，進(jìn)而產(chǎn)生瀏覽網(wǎng)頁(yè)的欲望。然而，插入頁(yè)面中的圖像不僅增加了所查看的頁(yè)面數(shù)量，還需要瀏覽者通過(guò)所看到的圖像理解頁(yè)面的內(nèi)容，增加了他們的思維量。因此，如果通過(guò)圖片這種方式來(lái)填充網(wǎng)站，就需要仔細(xì)考慮圖片展示的具體內(nèi)容是否能取代文本。雖然傳統(tǒng)的宣傳方式是以圖像而不是文字的形式來(lái)表達(dá)內(nèi)容，但它仍然會(huì)對(duì)人們產(chǎn)生強(qiáng)烈的視覺(jué)沖擊，從而更加直觀(guān)地顯示內(nèi)容。

4.4 多樣化圖像形式的運(yùn)用

4.4.1 攝影圖片

攝影畫(huà)面在圖片中具有重要作用，因?yàn)樗哂懈庇^(guān)、生動(dòng)、逼真的特點(diǎn)，能迅速引導(dǎo)觀(guān)眾進(jìn)入特殊的畫(huà)面情境。從觀(guān)眾的角度來(lái)看，這是最可接受的形象形式。利用計(jì)算機(jī)處理技術(shù)，將攝影圖像與特定詞語(yǔ)有機(jī)地結(jié)合起來(lái)，為觀(guān)賞者展現(xiàn)不同的畫(huà)面，從而充分滿(mǎn)足觀(guān)賞者的審美需求。然而，在攝影圖片的應(yīng)用中，不可避免的問(wèn)題是單張圖片可能會(huì)使網(wǎng)頁(yè)變得粗糙、單調(diào)，而且讓人們反感，從而影響網(wǎng)頁(yè)概念的整體體現(xiàn)?；诖?，在網(wǎng)頁(yè)設(shè)計(jì)中，設(shè)計(jì)者應(yīng)采取多種圖像形式，既要保證網(wǎng)頁(yè)內(nèi)容的豐富性，又要保證網(wǎng)頁(yè)中心思想的突出。

4.4.2 插圖

插圖是網(wǎng)頁(yè)設(shè)計(jì)中另一種常見(jiàn)的平面設(shè)計(jì)形式。在Web設(shè)計(jì)中，為了擴(kuò)展文本信息，它被廣泛用于表示文本。插圖可以是生動(dòng)的寫(xiě)實(shí)或抽象的藝術(shù)圖畫(huà)，并根據(jù)網(wǎng)頁(yè)的實(shí)際需要來(lái)進(jìn)行選擇。另外，圖形符號(hào)在網(wǎng)頁(yè)設(shè)計(jì)中的靈活運(yùn)用也可以起到裝飾性的重要作用，不僅可以提高網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)性，還可以進(jìn)一步豐富畫(huà)面感[5-7]。

5 計(jì)算機(jī)圖像處理技術(shù)的發(fā)展趨勢(shì)

目前，計(jì)算機(jī)圖像處理技術(shù)的不斷發(fā)展，歸根結(jié)底，是因?yàn)橛?jì)算機(jī)硬件軟件的設(shè)計(jì)水平越來(lái)越高，相應(yīng)計(jì)算機(jī)操作人員的素質(zhì)升高使得計(jì)算機(jī)處理技術(shù)也更加成熟。隨著社會(huì)的快速發(fā)展，計(jì)算機(jī)對(duì)計(jì)算機(jī)圖像處理技術(shù)的要求不斷提高。這對(duì)促進(jìn)計(jì)算機(jī)圖像處理技術(shù)的發(fā)展具有重要意義。當(dāng)今時(shí)代，政治經(jīng)濟(jì)等各行各業(yè)的發(fā)展都離不開(kāi)計(jì)算機(jī)行業(yè)的輔助，因此，需要更多高素質(zhì)的計(jì)算機(jī)專(zhuān)業(yè)人員，加大對(duì)新技術(shù)的探索和創(chuàng)新，使得計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用范圍進(jìn)一步擴(kuò)大。隨著許多計(jì)算機(jī)圖像處理軟件的應(yīng)用，計(jì)算機(jī)圖像處理技術(shù)的優(yōu)越性和可靠性日益突出，綜合信息處理與操作不再是遙不可及的夢(mèng)想，相反，它能變得更加多層次，渠道也更加豐富。隨著圖像處理技術(shù)的不斷發(fā)展，圖像處理中的清晰度、真實(shí)度等圖像因素也越來(lái)越成熟。同時(shí)，圖像分辨率、傳輸速率和多維成像的性能也將得到改善。

6 結(jié)語(yǔ)

本文試圖分析網(wǎng)頁(yè)設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用，希望能夠?yàn)樽層脩?hù)享受到更流暢的網(wǎng)頁(yè)瀏覽過(guò)程而指明道路，幫助網(wǎng)頁(yè)瀏覽更加高效，這也是目前網(wǎng)頁(yè)設(shè)計(jì)中的一個(gè)主要問(wèn)題。計(jì)算機(jī)圖像技術(shù)是通過(guò)結(jié)合網(wǎng)頁(yè)設(shè)計(jì)技術(shù)來(lái)設(shè)計(jì)網(wǎng)頁(yè)圖像格式的，對(duì)于圖像質(zhì)量有很大提升，使得圖像更加清晰、可辨。計(jì)算機(jī)圖像技術(shù)在一定程度上改善了傳統(tǒng)網(wǎng)頁(yè)設(shè)計(jì)的缺陷，實(shí)現(xiàn)了網(wǎng)頁(yè)設(shè)計(jì)的現(xiàn)代化。

[參考文獻(xiàn)]

[1]雙哲，孫蕾.基于改進(jìn)的隱馬爾可夫模型在網(wǎng)頁(yè)信息抽取中的研究與應(yīng)用[J].計(jì)算機(jī)應(yīng)用與軟件，2017（2）：42-47.

[2]李丹，劉莉，劉玉璟.計(jì)算機(jī)虛擬技術(shù)在陶瓷包裝設(shè)計(jì)中的應(yīng)用[J].中國(guó)包裝工業(yè)，2013（6）：66.

[3]鄧石蘭.3DSMAX建模技術(shù)在陶瓷茶具造型中的應(yīng)用分析[J].陶瓷科學(xué)與藝術(shù).2013（1）：14-17.

[4]洪世勇.新時(shí)期網(wǎng)頁(yè)設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用[J].信息與電腦（理論版），2018（11）：171-172，175.

[5]劉春梅，郭巖，俞曉明，等.針對(duì)開(kāi)源論壇網(wǎng)頁(yè)的信息抽取研究[J].計(jì)算機(jī)科學(xué)與探索，2017（1）：114-123.

[6]李志立.計(jì)算機(jī)圖像處理技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的最佳化應(yīng)用解析[J].電腦知識(shí)與技術(shù)，2018（17）：33-36.

[7]張紅軍.計(jì)算機(jī)圖像處理技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用[J].電子技術(shù)與軟件工程，2017（15）：69.