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

李志立

摘要：該文闡述了計(jì)算機(jī)圖像處理技術(shù)的基本概念，對(duì)計(jì)算機(jī)圖像處理技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的重要性和運(yùn)用情況進(jìn)行了分析，提出了在網(wǎng)頁(yè)設(shè)計(jì)中最佳化應(yīng)用計(jì)算機(jī)圖像處理技術(shù)的方法措施，最后對(duì)網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用計(jì)算機(jī)圖像處理技術(shù)的未來(lái)發(fā)展進(jìn)行了展望。

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

中圖分類號(hào)：TP3 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-5039（2018）17-0233-02

當(dāng)前，計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的不斷前進(jìn)推動(dòng)了網(wǎng)站設(shè)計(jì)的發(fā)展，在網(wǎng)頁(yè)設(shè)計(jì)中最佳化利用計(jì)算機(jī)圖像處理技術(shù)、提升網(wǎng)頁(yè)視覺(jué)效果，可以讓網(wǎng)頁(yè)給人的視覺(jué)感受耳目一新，甚至為瀏覽者帶來(lái)別樣的視覺(jué)盛宴。如何合理運(yùn)用文字、圖像、多媒體等載體，最佳化應(yīng)用計(jì)算機(jī)圖像處理技術(shù)，從而有效增強(qiáng)網(wǎng)頁(yè)的美感，提高網(wǎng)頁(yè)設(shè)計(jì)的質(zhì)量和效益，是一個(gè)值得廣大網(wǎng)頁(yè)設(shè)計(jì)者關(guān)注和研究的課題。

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

計(jì)算機(jī)圖像處理技術(shù)，即為借助計(jì)算機(jī)方式，對(duì)圖像實(shí)行處理，以此確保技術(shù)或系統(tǒng)各領(lǐng)域間的滲透。計(jì)算機(jī)圖像處理技術(shù)，涉及的內(nèi)容較多，如：多媒體、數(shù)字化、虛擬、模式識(shí)別等技術(shù)[1]。通過(guò)融入多種計(jì)算機(jī)圖像處理技術(shù)，可以滿足網(wǎng)頁(yè)設(shè)計(jì)高質(zhì)量高效益的要求。利用計(jì)算機(jī)圖像處理軟件，對(duì)圖像進(jìn)行合成、裁剪或尺寸調(diào)整、色彩改變、分辨率調(diào)整和添加各種特效等，可滿足設(shè)計(jì)人員的各種實(shí)際要求和需求，達(dá)到網(wǎng)頁(yè)設(shè)計(jì)的目的。把圖像轉(zhuǎn)變?yōu)槿珨?shù)字圖形代碼，對(duì)代碼進(jìn)行解讀、針對(duì)性處理，可充分發(fā)揮出計(jì)算機(jī)圖像處理技術(shù)的最大價(jià)值。

當(dāng)前，計(jì)算機(jī)圖像處理技術(shù)獲得了較好的發(fā)展，處理功能也在不斷改進(jìn)和完善，經(jīng)過(guò)處理的圖像逐漸具備了較高的分辨率和傳輸速率的特點(diǎn)。網(wǎng)頁(yè)設(shè)計(jì)中，合理運(yùn)用計(jì)算機(jī)的圖像處理技術(shù)極為關(guān)鍵。這種處理技術(shù)，具有儲(chǔ)存便利、環(huán)境佳、圖像儲(chǔ)存空間較大等特點(diǎn)，因此當(dāng)前應(yīng)用效果非常理想，在較多領(lǐng)域中均被有效應(yīng)用。這種技術(shù)的重點(diǎn)工作在于做好圖像的數(shù)字化，即將連續(xù)色調(diào)的模擬圖像經(jīng)采樣、量化與編碼三個(gè)步驟后轉(zhuǎn)換成計(jì)算機(jī)能夠接受的數(shù)字影像格式，達(dá)到利用計(jì)算機(jī)進(jìn)行深入分析處理的效果。

2 計(jì)算機(jī)圖像處理技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的重要性和運(yùn)用情況分析

網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中，圖像發(fā)揮著不可取代的作用，不但能激發(fā)用戶的瀏覽興趣，還可構(gòu)成網(wǎng)頁(yè)獨(dú)特的風(fēng)格和模式[2]。和其他表現(xiàn)方式相比較，圖像表達(dá)更加具有吸引力，更能增加網(wǎng)頁(yè)的瀏覽量。實(shí)際設(shè)計(jì)過(guò)程中，圖像的設(shè)計(jì)需對(duì)圖像內(nèi)容、色彩、大小和位置等進(jìn)行針對(duì)性處理，以保證網(wǎng)頁(yè)設(shè)計(jì)的整體效果和質(zhì)量。多項(xiàng)調(diào)查表明，瀏覽相同類型網(wǎng)頁(yè)時(shí)，圖像瀏覽量大大多于文字瀏覽量，而且大部分用戶均會(huì)首選帶有圖像的網(wǎng)頁(yè)。此外，網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中，圖像可有效發(fā)揮出導(dǎo)向效應(yīng)，將復(fù)雜的內(nèi)容簡(jiǎn)單化，突出網(wǎng)頁(yè)設(shè)計(jì)的重點(diǎn)和理念[3]。圖像和文字相融合，可進(jìn)一步凸顯出圖像導(dǎo)向效應(yīng)，使用戶在最短的時(shí)間，獲得最有效的信息，進(jìn)而節(jié)省用戶的時(shí)間。圖像還能借助流程圖將內(nèi)容表現(xiàn)出來(lái)，在保持網(wǎng)頁(yè)美觀的同時(shí)，為人們?yōu)g覽網(wǎng)頁(yè)提供便捷服務(wù)。

圖像表達(dá)的內(nèi)容較多，表現(xiàn)方式也比較豐富，可以通過(guò)攝影、截圖、插圖、拼圖等方式進(jìn)行表達(dá)。在網(wǎng)頁(yè)設(shè)計(jì)的初始階段，實(shí)行圖像處理、圖像美化是非常必要的。在后期，加入動(dòng)態(tài)圖像、flash元素等，更會(huì)使得網(wǎng)頁(yè)更加生動(dòng)并富有特色。總之，優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)者會(huì)經(jīng)由不同的圖像表達(dá)方式，提升網(wǎng)頁(yè)的美觀性，調(diào)動(dòng)用戶瀏覽的欲望，提升用戶的瀏覽體驗(yàn)。

1）攝影圖片和插圖、截圖、拼圖等圖像表達(dá)方式的運(yùn)用情況

攝影圖片，存在有質(zhì)感、形象、寫實(shí)等特點(diǎn)，可在最短的時(shí)間內(nèi)，吸引瀏覽者瀏覽。站在瀏覽角度來(lái)看，科學(xué)利用計(jì)算機(jī)圖像處理技術(shù)，如利用photoshop軟件，將攝影圖片和文字相融合，可對(duì)用戶的視覺(jué)構(gòu)成刺激，滿足用戶的審美要求及需求。然而，實(shí)際運(yùn)用攝影圖片的過(guò)程中，易于出現(xiàn)某一照片反復(fù)出現(xiàn)的情況，進(jìn)而使得用戶的視覺(jué)構(gòu)成疲勞，直接對(duì)網(wǎng)頁(yè)的表達(dá)構(gòu)成不良影響。這時(shí)，網(wǎng)頁(yè)設(shè)計(jì)人員需合理通過(guò)圖像其他方式，保證網(wǎng)頁(yè)內(nèi)容的豐富、多樣化，從而凸顯出網(wǎng)頁(yè)所要表達(dá)的內(nèi)容。常用的圖像表達(dá)手法還有插圖、截圖、拼圖等。設(shè)計(jì)的過(guò)程中，在代表性文字四周設(shè)計(jì)插圖，或者設(shè)計(jì)截圖，或者設(shè)計(jì)由幾張圖片處理拼接而成的拼圖，能凸顯出某一段落文字的重要性。具體圖像設(shè)計(jì)過(guò)程要結(jié)合網(wǎng)頁(yè)所要表達(dá)的內(nèi)容進(jìn)行選擇。再者，合理運(yùn)用圖形符號(hào)，也可使得網(wǎng)頁(yè)設(shè)計(jì)更加富有藝術(shù)感，并且確保頁(yè)面更加立體、豐富。

2）動(dòng)態(tài)圖片格式的運(yùn)用情況

為滿足網(wǎng)頁(yè)設(shè)計(jì)對(duì)于圖片格式方面的需求，在網(wǎng)頁(yè)中運(yùn)用多種元素，可確保網(wǎng)頁(yè)的完整性和藝術(shù)性，促使用戶在最短的時(shí)間獲得感興趣和需要的信息。在確保網(wǎng)頁(yè)設(shè)計(jì)的便捷性的同時(shí)滿足用戶體驗(yàn)需求，使用戶在愉快的環(huán)境下感受網(wǎng)頁(yè)所表達(dá)的內(nèi)容，就需要網(wǎng)頁(yè)設(shè)計(jì)者合理運(yùn)用計(jì)算機(jī)圖像處理技術(shù)，運(yùn)用GIF動(dòng)態(tài)圖像、Flash元素等，加強(qiáng)網(wǎng)頁(yè)的生動(dòng)性和表現(xiàn)力。這種動(dòng)態(tài)圖片格式的運(yùn)用，打破了網(wǎng)頁(yè)的靜態(tài)特征，大大提升了用戶的瀏覽體驗(yàn)。合理的運(yùn)用動(dòng)態(tài)圖片能夠?yàn)榫W(wǎng)頁(yè)增添動(dòng)靜結(jié)合的效果，而過(guò)度的使用則會(huì)使網(wǎng)頁(yè)雜亂無(wú)章。因此，對(duì)于動(dòng)態(tài)圖片格式的運(yùn)用要控制在一個(gè)合理的范圍。

3）不同的圖像表達(dá)方式的運(yùn)用情況

網(wǎng)頁(yè)設(shè)計(jì)階段，圖像表達(dá)方式的不同，使得發(fā)揮的效應(yīng)也存在較大的差異性。圖像的位置、表達(dá)內(nèi)容、大小等，均不盡相同，進(jìn)而會(huì)使得網(wǎng)頁(yè)風(fēng)格發(fā)生一定改變[4]。網(wǎng)頁(yè)設(shè)計(jì)，可將圖片作為導(dǎo)航、鏈接，旨在表現(xiàn)出網(wǎng)頁(yè)所要表達(dá)的重點(diǎn)內(nèi)容和中心思想。如：圖像為網(wǎng)頁(yè)的背景，此時(shí)圖片就需凸顯出內(nèi)容的主要部分。針對(duì)圖片較小的情況下，可合理使用符號(hào)，作為鏈接的主要標(biāo)志。這樣做的主要目的是確保網(wǎng)頁(yè)整體畫面的美觀性，達(dá)到最理想的藝術(shù)效果。一般情況下，企業(yè)在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，比較習(xí)慣強(qiáng)辨識(shí)度標(biāo)志，多將網(wǎng)頁(yè)放在比較顯眼的位置或首頁(yè)顯示，如此一來(lái)不但能保證頁(yè)面的整體性，還能促使用戶對(duì)頁(yè)面瀏覽印象加深。

網(wǎng)頁(yè)設(shè)計(jì)者要合理使用計(jì)算機(jī)圖像處理技術(shù)，準(zhǔn)確掌握方法、技巧，以便達(dá)到網(wǎng)頁(yè)設(shè)計(jì)簡(jiǎn)單化的目的，有效表達(dá)網(wǎng)頁(yè)內(nèi)容的重點(diǎn)。網(wǎng)頁(yè)中圖像所承擔(dān)的任務(wù)各不相同，使得網(wǎng)頁(yè)的風(fēng)格會(huì)隨之發(fā)生改變。在設(shè)計(jì)的過(guò)程，要設(shè)計(jì)好網(wǎng)頁(yè)的整體布局，選擇最適合的圖像。合理運(yùn)用規(guī)則圖像、不規(guī)則圖像、對(duì)稱圖像、不對(duì)稱圖像等不同圖像，以便使得網(wǎng)頁(yè)布局合理、版面內(nèi)容更加豐富。而通過(guò)設(shè)置小插圖等方式，可達(dá)到豐富網(wǎng)頁(yè)內(nèi)容的效果。將鏈接標(biāo)志，調(diào)整為和網(wǎng)頁(yè)風(fēng)格相像的標(biāo)志，達(dá)到動(dòng)靜結(jié)合的效果，促使網(wǎng)頁(yè)內(nèi)容更具有瀏覽的價(jià)值。

3 網(wǎng)頁(yè)設(shè)計(jì)中最佳化應(yīng)用計(jì)算機(jī)圖像處理技術(shù)的方法措施

網(wǎng)頁(yè)設(shè)計(jì)過(guò)程，不同圖像處理技術(shù)所處理的圖像效果存在較大差異，導(dǎo)致相應(yīng)網(wǎng)頁(yè)設(shè)計(jì)的風(fēng)格、效果也隨之改變。這種情況下，網(wǎng)頁(yè)設(shè)計(jì)者要多借助圖表、背景等方式，做好網(wǎng)頁(yè)的整體布局設(shè)計(jì)工作，以此確保頁(yè)面的完整性和統(tǒng)一性。計(jì)算機(jī)圖像技術(shù)主要包括：數(shù)字圖像處理、數(shù)字圖像分析、傳感設(shè)備對(duì)數(shù)字化圖像采集等方面內(nèi)容。相應(yīng)的最佳化應(yīng)用方法措施如下：

1）網(wǎng)頁(yè)設(shè)計(jì)中數(shù)字圖像處理的最佳化應(yīng)用方法

網(wǎng)頁(yè)設(shè)計(jì)的階段，為達(dá)到網(wǎng)頁(yè)的觀賞價(jià)值，充分發(fā)揮出設(shè)計(jì)的藝術(shù)性特點(diǎn)，應(yīng)熟悉掌握數(shù)字圖像處理的方法和技巧。對(duì)不同數(shù)字圖像處理時(shí)，處理技術(shù)各不相同。需要注意的事項(xiàng)：圖像處理的主要內(nèi)容為圖像位置、圖像大小、圖像版式、圖像效果等[5]。而只有全面掌握數(shù)字圖像處理的各種過(guò)程，才能達(dá)到最佳化應(yīng)用的目的。數(shù)字圖像處理的過(guò)程包括：圖像變換、圖像編碼壓縮、圖像增強(qiáng)和復(fù)原、圖像分割、圖像描述、圖像分類等。圖像變換采用傅立葉變換、沃爾什變換、離散余弦變換等間接處理技術(shù)，將圖像空間域的處理轉(zhuǎn)換為變換域處理，減少計(jì)算量，獲得更有效的處理。圖像編碼壓縮可減少描述圖像的數(shù)據(jù)量，以便節(jié)省圖像網(wǎng)絡(luò)傳輸、處理時(shí)間和減少所占用的網(wǎng)站服務(wù)器存儲(chǔ)器容量。圖像增強(qiáng)和復(fù)原即去除噪聲，提高圖像的清晰度等。圖像分割則是將圖像中有意義的特征部分提取出來(lái)，以便進(jìn)一步利用。圖像描述是圖像識(shí)別和理解的必要前提，一般采用二維形狀描述，它有邊界描述和區(qū)域描述兩類方法。圖像分類是圖像經(jīng)過(guò)某些預(yù)處理（增強(qiáng)、復(fù)原、壓縮）后，進(jìn)行圖像分割和特征提取，從而進(jìn)行判決分類。

2）網(wǎng)頁(yè)設(shè)計(jì)中數(shù)字圖像分析的最佳化應(yīng)用方法

數(shù)字圖像分析是圖像處理的高級(jí)階段，它所研究的是使用機(jī)器分析和識(shí)別圖像，從而可得出結(jié)論性的判斷。數(shù)字圖像分析主要對(duì)圖像中感興趣的目標(biāo)或特征進(jìn)行檢測(cè)和測(cè)量，以獲得它們的客觀信息，從而建立對(duì)圖像中目標(biāo)的描述，是一個(gè)從圖像到數(shù)值或符號(hào)的過(guò)程。它的特點(diǎn)是：輸入是圖像，輸出是數(shù)據(jù)。經(jīng)過(guò)圖像的分析，對(duì)圖像進(jìn)行分割和特征提取，可以把原來(lái)以像素構(gòu)成的圖像轉(zhuǎn)變成比較簡(jiǎn)潔的、非圖像形式的描述，有利于網(wǎng)頁(yè)設(shè)計(jì)者對(duì)同類別的圖像進(jìn)行比較，以選擇適合的圖像。

在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，設(shè)計(jì)者利用計(jì)算機(jī)分析數(shù)字圖像，可以挖掘圖像內(nèi)部深層的內(nèi)容，改變圖像的特征，從而設(shè)計(jì)出符合網(wǎng)頁(yè)需要的特別的圖片，給用戶帶來(lái)耳目一新的觀感。

3）網(wǎng)頁(yè)設(shè)計(jì)中傳感設(shè)備對(duì)數(shù)字化圖像采集的最佳化應(yīng)用方法

借助傳感設(shè)備，如光敏感器件、掃描系統(tǒng)和模/數(shù)轉(zhuǎn)換裝置等，對(duì)圖像進(jìn)行數(shù)字化處理和采集，對(duì)圖像的分辨率要求相對(duì)較低，但對(duì)系統(tǒng)的穩(wěn)定性要求較高。選擇并口通信，串口通信的速率在每秒20KB左右，而EPP并口最快的傳輸速率能達(dá)到1.30MHZ左右，不需編寫專門的驅(qū)動(dòng)程序，即可減少設(shè)計(jì)時(shí)間和成本。因此，應(yīng)合理使用像素時(shí)鐘，將其作為參考信號(hào)來(lái)編制程序、穩(wěn)定過(guò)程。在明確PCLK下降沿的情況下，將幀頻降低為2fps，并確保像素時(shí)鐘的周期為3us，可滿足數(shù)字化圖像采集的要求，獲得最理想的圖像效果。需要注意的是，務(wù)必使用并口的過(guò)程，選擇緩沖器做好74HC274、OV5017連接工作。

4 網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用計(jì)算機(jī)圖像處理技術(shù)的未來(lái)發(fā)展展望

網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用計(jì)算機(jī)圖像處理技術(shù)未來(lái)發(fā)展大致可歸納為如下幾點(diǎn)：

1）計(jì)算機(jī)圖像處理技術(shù)將向高質(zhì)量及實(shí)時(shí)圖像處理的理論和技術(shù)方向發(fā)展，向高傳輸速率、高分辨率、多維成像技術(shù)、多媒體化、智能化方向發(fā)展，這也必將引領(lǐng)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)隨之發(fā)生巨大的變化。

2）計(jì)算機(jī)圖像處理技術(shù)將致力于圖像處理硬件或固件的發(fā)展，使其處理能力進(jìn)一步提高。這對(duì)網(wǎng)頁(yè)設(shè)計(jì)者來(lái)說(shuō)，更能提高作為網(wǎng)頁(yè)重要元素的圖像的設(shè)計(jì)效率和設(shè)計(jì)效果，大大提升網(wǎng)頁(yè)瀏覽體驗(yàn)。

3）計(jì)算機(jī)圖像理論研究和算法研究更進(jìn)一步發(fā)展，這也使得網(wǎng)頁(yè)設(shè)計(jì)者擁有更便利的計(jì)算機(jī)圖像處理技術(shù)；相信在不久的將來(lái)，網(wǎng)頁(yè)設(shè)計(jì)者可以通過(guò)智能化的計(jì)算機(jī)圖像處理技術(shù)來(lái)獲得經(jīng)過(guò)高效處理的圖像，而將重點(diǎn)放在網(wǎng)頁(yè)整體設(shè)計(jì)本身，提高網(wǎng)頁(yè)的整體設(shè)計(jì)效果。

5 結(jié)語(yǔ)

網(wǎng)頁(yè)設(shè)計(jì)具有專業(yè)、系統(tǒng)、復(fù)雜等特點(diǎn)，并且涉及的內(nèi)容較多，為此，需提高設(shè)計(jì)人員的綜合素質(zhì)、理論知識(shí)、操作水平，合理借助計(jì)算機(jī)圖像處理技術(shù)，使得網(wǎng)頁(yè)更加立體、藝術(shù)，有效調(diào)動(dòng)瀏覽者的瀏覽欲望，從根本上提高網(wǎng)頁(yè)設(shè)計(jì)的整體效率。

參考文獻(xiàn)：

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

[2] 章偉.計(jì)算機(jī)圖像處理技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用[J].信息系統(tǒng)工程，2017（1）：16.

[3] 胡云峰.網(wǎng)頁(yè)設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)應(yīng)用解析[J].數(shù)碼世界，2017（7）：52.

[4] 陳新佩，李強(qiáng).計(jì)算機(jī)圖像處理在網(wǎng)頁(yè)設(shè)計(jì)中的重要性研究[J].民營(yíng)科技，2017（12）：119.

[5] 王尚榮.網(wǎng)頁(yè)設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)應(yīng)用淺析[J].軍民兩用技術(shù)與產(chǎn)品，2017（12）：21-33.