張瀟文

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

關鍵詞：網(wǎng)頁設計；計算機；圖像處理

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

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

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

2 網(wǎng)頁設計圖像處理知識

2.1 計算機圖像格式分析

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

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

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

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

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

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

3 計算機圖像處理技術(shù)的特點

3.1 再現(xiàn)性好

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

3.2 處理精度高

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

3.3 適用面寬

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

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

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

4.1 對網(wǎng)頁設計中圖像的大小進行控制

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

4.2 合理分配圖像的角色和職責

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

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

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

4.4 多樣化圖像形式的運用

4.4.1 攝影圖片

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

4.4.2 插圖

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

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

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

6 結(jié)語

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

[參考文獻]

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

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

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

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

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

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

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