網(wǎng)頁(yè)設(shè)計(jì)中圖像處理的最佳化分析

惲健

摘要：隨著當(dāng)前計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)不斷發(fā)展，網(wǎng)頁(yè)設(shè)計(jì)也得以較快發(fā)展，并且在網(wǎng)頁(yè)制作中發(fā)揮著越來越重要的作用。在當(dāng)前網(wǎng)頁(yè)設(shè)計(jì)中，圖像處理屬于十分重要的一項(xiàng)內(nèi)容，對(duì)整體網(wǎng)頁(yè)設(shè)計(jì)均會(huì)產(chǎn)生十分重要的影響，因而在網(wǎng)頁(yè)設(shè)計(jì)中對(duì)圖像進(jìn)行合理處理，使其達(dá)到最佳化也就十分必要，在此基礎(chǔ)上才能夠使整體網(wǎng)頁(yè)設(shè)計(jì)取得更加理想的效果。本文就網(wǎng)頁(yè)設(shè)計(jì)中圖像處理的最佳化進(jìn)行分析，從而為更好進(jìn)行圖像處理提供較好依據(jù)。

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

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

在當(dāng)前網(wǎng)頁(yè)制作中，網(wǎng)頁(yè)設(shè)計(jì)屬于重要任務(wù)及內(nèi)容，也是確保網(wǎng)頁(yè)制作效果的重要前提與保障，因而科學(xué)合理進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)具有重要作用及意義。在網(wǎng)頁(yè)設(shè)計(jì)中，為能夠使網(wǎng)頁(yè)設(shè)計(jì)更加具有科學(xué)性及合理性，應(yīng)當(dāng)保證較好開展各個(gè)方面工作，而圖像處理就是其中比較重要的一個(gè)方面，在實(shí)際設(shè)計(jì)過程中，應(yīng)當(dāng)通過有效措施及方法實(shí)現(xiàn)圖像處理最佳化，以更好實(shí)現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)，確保得到更好效果。

1網(wǎng)頁(yè)設(shè)計(jì)中圖像處理相關(guān)主要內(nèi)容

1.1圖像處理中的色彩調(diào)節(jié)

在網(wǎng)頁(yè)設(shè)計(jì)的圖像處理過程中，色彩調(diào)節(jié)屬于重要內(nèi)容，對(duì)整體圖像處理效果會(huì)產(chǎn)生十分重要的影響，因而對(duì)這一點(diǎn)應(yīng)當(dāng)加強(qiáng)重視，畫面顏色若整體比較混亂，對(duì)整體畫面效果會(huì)產(chǎn)生重要影響。另外，在網(wǎng)頁(yè)設(shè)計(jì)的圖像處理方面，在整體畫面中應(yīng)當(dāng)選擇一種顏色作為主要色調(diào)，并且需要現(xiàn)在其他其中顏色作為輔助色調(diào)，通常而言，輔助色調(diào)主要包括3—5種。在對(duì)顏色進(jìn)行選擇過程中，其顏色跨度不可過大，從而防止在顏色搭配方面所產(chǎn)生效果比較生硬。同時(shí)，在網(wǎng)頁(yè)設(shè)計(jì)的圖像處理中，應(yīng)當(dāng)對(duì)色彩應(yīng)用屬性準(zhǔn)確感知，并且應(yīng)當(dāng)依據(jù)網(wǎng)頁(yè)設(shè)計(jì)中相關(guān)文字內(nèi)容，對(duì)所需搭配顏色進(jìn)行合理選擇，從而使整個(gè)鼓面融合度得到保證，這樣一來，人們?cè)趯?duì)網(wǎng)頁(yè)進(jìn)行瀏覽時(shí)，也就不會(huì)由于色彩搭配不合理也有厭煩感產(chǎn)生，使人們得到較好體驗(yàn)。

1.2圖像處理中的版面處理

首先，在版面處理中應(yīng)當(dāng)保證主題鮮明。對(duì)于高質(zhì)量網(wǎng)頁(yè)設(shè)計(jì)而言，其設(shè)計(jì)主題應(yīng)當(dāng)比較鮮明。因此，在網(wǎng)頁(yè)設(shè)計(jì)的圖像處理中，對(duì)于整體畫面中所包含相關(guān)文字及圖像等，應(yīng)當(dāng)全面進(jìn)行規(guī)劃，對(duì)于相關(guān)設(shè)計(jì)元素及文字等有關(guān)內(nèi)容排放，應(yīng)當(dāng)綜合進(jìn)行考慮。另外，主要文字及圖像大小也是十分重要的內(nèi)容，應(yīng)當(dāng)對(duì)其主次之分進(jìn)行充分掌握，從而才能夠使其具有更加鮮明的設(shè)計(jì)主題，從而使網(wǎng)頁(yè)設(shè)計(jì)層次感得以較好體現(xiàn)。其次，頁(yè)面內(nèi)容應(yīng)保證相互統(tǒng)一。在實(shí)際網(wǎng)頁(yè)設(shè)計(jì)過程中，所包括文字、圖像以及設(shè)計(jì)元素等相關(guān)內(nèi)容比較多，因而在網(wǎng)頁(yè)設(shè)計(jì)的圖像處理過程中，應(yīng)當(dāng)使其融合性增強(qiáng)，可將相關(guān)說明添加于圖像旁，通過文字形式使相關(guān)主題得以充分展示，從而使圖像及圖像之間實(shí)現(xiàn)較好銜接，具有十分重要的作用及意義。另外，在網(wǎng)頁(yè)設(shè)計(jì)的圖像處理中，還應(yīng)當(dāng)對(duì)整體頁(yè)面美觀形態(tài)加強(qiáng)注意，可選擇錯(cuò)落擺放形式或者隨意擺放形式，但是在擺放時(shí)應(yīng)當(dāng)注意依據(jù)一定順序，從而保證整個(gè)畫面各個(gè)方面內(nèi)容實(shí)現(xiàn)和諧統(tǒng)一，，這對(duì)于網(wǎng)頁(yè)瀏覽量增加具有一定幫助作用。

2 網(wǎng)頁(yè)設(shè)計(jì)中的圖像處理主要相關(guān)技術(shù)

對(duì)于網(wǎng)頁(yè)設(shè)計(jì)中的圖像處理而言，其主要就是在科學(xué)合理應(yīng)用計(jì)算機(jī)系統(tǒng)及其內(nèi)部相關(guān)軟件基礎(chǔ)上，通過數(shù)字化及媒體化，對(duì)有關(guān)圖像實(shí)行加工及整理，從而使計(jì)算機(jī)可識(shí)別相關(guān)固定代碼能夠得以形成，在此基礎(chǔ)上也就能夠使網(wǎng)頁(yè)信息提升自身表現(xiàn)力。在當(dāng)前網(wǎng)頁(yè)設(shè)計(jì)中，圖像處理技術(shù)的應(yīng)用主要就是通過相關(guān)系統(tǒng)軟件，對(duì)圖像實(shí)行相關(guān)加工設(shè)計(jì)，從而使圖像處理得到理想效果，具體而言，常見的圖像處理技術(shù)主要包括以下幾種。

2.1圖像去噪技術(shù)

該技術(shù)所指的主要就是在利用計(jì)算機(jī)采集圖像過程中，可能會(huì)有一定噪音產(chǎn)生，而這些噪音產(chǎn)生的原因主要就是計(jì)算機(jī)系統(tǒng)自身運(yùn)轉(zhuǎn)，會(huì)在一定程度上影響計(jì)算機(jī)信息傳達(dá)。所以，需要對(duì)其實(shí)行去燥處理，從而保證在網(wǎng)頁(yè)設(shè)計(jì)中能夠符合相關(guān)質(zhì)量標(biāo)準(zhǔn)，使網(wǎng)頁(yè)設(shè)計(jì)達(dá)到更加理想的效果。

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

在網(wǎng)頁(yè)設(shè)計(jì)的圖像處理過程中，對(duì)于信息增強(qiáng)技術(shù)的應(yīng)用而言，其主要就是對(duì)于圖像中比較重要的一些信息實(shí)行重點(diǎn)標(biāo)注，對(duì)于其中不重要的一些相關(guān)信息實(shí)行弱化，通過對(duì)這種方式進(jìn)行利用，在后期圖像處理方面可提供較便利條件。對(duì)于網(wǎng)頁(yè)中相關(guān)圖像而言，各個(gè)方面因素均可能會(huì)對(duì)其產(chǎn)生一定程度影響，如拍攝條件較差及相機(jī)分辨率比較低等相關(guān)因素，這些因素均可能會(huì)造成圖像像素比較差。對(duì)于所出現(xiàn)這種情況，可利用增強(qiáng)技術(shù)實(shí)行處理，需要對(duì)相關(guān)圖像先實(shí)行適當(dāng)加工及處理，對(duì)于圖像邊緣應(yīng)當(dāng)事情增強(qiáng)，且需要適當(dāng)增強(qiáng)圖像色彩。通過對(duì)相關(guān)圖像適當(dāng)進(jìn)行加強(qiáng)處理，可在較大程度上使圖片畫質(zhì)得以提升，在此基礎(chǔ)上也就能夠使圖像視覺效果得以明顯增強(qiáng)。

2.3圖像壓縮技術(shù)

在實(shí)際網(wǎng)頁(yè)設(shè)計(jì)過程中，對(duì)于有些圖像而言，其面積可能會(huì)比較大，所占據(jù)內(nèi)存比較多，而這種情況的存在會(huì)造成網(wǎng)頁(yè)在實(shí)際運(yùn)轉(zhuǎn)過程中速度降低，最終會(huì)導(dǎo)致用戶在對(duì)網(wǎng)頁(yè)進(jìn)行瀏覽時(shí)效率降低。對(duì)于所出現(xiàn)的這種情況，可對(duì)圖像壓縮技術(shù)進(jìn)行充分利用，通過對(duì)圖像進(jìn)行數(shù)據(jù)壓縮，被壓圖像可具有較高清晰度及畫質(zhì)，從而也就能夠使視覺效果得以提升，確保網(wǎng)頁(yè)設(shè)計(jì)得到更加理想的效果[1-2]。

3 網(wǎng)頁(yè)設(shè)計(jì)過程中圖像處理的最佳化

3.1圖像格式處理

在實(shí)際網(wǎng)頁(yè)設(shè)計(jì)過程中，所運(yùn)用相關(guān)圖像格式比較多，目前較常見的主要包括GIF格式、PNG格式及JPEG格式等，這些格式均能夠在一定程度上使網(wǎng)絡(luò)傳輸需求得到滿足，因而應(yīng)當(dāng)對(duì)這些格式圖片的處理加強(qiáng)認(rèn)識(shí)。首先，在有些網(wǎng)頁(yè)設(shè)計(jì)過程中，需要利用動(dòng)圖對(duì)整體畫面進(jìn)行點(diǎn)綴，在突出網(wǎng)頁(yè)設(shè)計(jì)主題方面可起到一定幫助作用。所以，在網(wǎng)頁(yè)設(shè)計(jì)過程中，為能夠更好進(jìn)行圖像處理，對(duì)于圖像格式應(yīng)當(dāng)實(shí)行全面轉(zhuǎn)換，可使用GIF格式。然而，這種格式在實(shí)際轉(zhuǎn)化過程中應(yīng)當(dāng)對(duì)其圖像種類實(shí)行全面考慮，其只對(duì)動(dòng)畫圖像支持。其次，為能夠更好進(jìn)行圖像處理，往往都會(huì)對(duì)一些矢量圖進(jìn)行利用，主要及時(shí)通過直線及曲線形式的利用得以形成。所以，在實(shí)際進(jìn)行格式處理過程中，應(yīng)當(dāng)保持其背景處于透明狀態(tài)，而后利用PNG格式，也能夠使整體畫面保持較理想清晰度。再次，對(duì)于JPEG格式圖片而言，由于其壓縮算法及壓縮比相對(duì)而言均比較大，可表現(xiàn)出更多文字及圖像。所以，在對(duì)圖像格式實(shí)行轉(zhuǎn)化處理過程中，也屬于十分常用的一種格式。然而，在實(shí)際進(jìn)行轉(zhuǎn)化過程中，仍需依據(jù)圖像性能不同及用途不同，實(shí)行格式轉(zhuǎn)化，從而可使整體網(wǎng)頁(yè)能夠更鮮明，也就得到更理想效果。

3.2圖像質(zhì)量最佳化處理

在網(wǎng)頁(yè)設(shè)計(jì)的圖像處理過程中，質(zhì)量及清晰度屬于重點(diǎn)內(nèi)容，其主要就是將圖像中較重要的一些信息及文字體現(xiàn)出來，或者添加有關(guān)標(biāo)注。另外，在實(shí)行網(wǎng)頁(yè)設(shè)計(jì)的圖像處理過程中，可對(duì)其實(shí)行弱化處理，從而使網(wǎng)頁(yè)設(shè)計(jì)中的圖像質(zhì)量得以較好改善，并且在網(wǎng)頁(yè)設(shè)計(jì)的圖像處理方面，對(duì)于有關(guān)圖像采集設(shè)備及圖像自身分辨率等因素，應(yīng)當(dāng)實(shí)行綜合考慮。對(duì)于自身質(zhì)量較差的一些圖像，對(duì)于乳圖像邊緣及色彩等方面內(nèi)容，可對(duì)其實(shí)行銳化處理，從而使圖像清晰度得以有效提升，進(jìn)而提升圖像處理效果，最終使網(wǎng)頁(yè)設(shè)計(jì)效果增強(qiáng)。

3.3圖像壓縮處理

在實(shí)際進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)過程中，需要對(duì)大量圖像進(jìn)行利用，并且需要全面上傳這些圖像內(nèi)容。但應(yīng)當(dāng)注意的一點(diǎn)就是，在上傳這些圖像過程中，可對(duì)圖像壓縮形式進(jìn)行利用，對(duì)于圖像中相關(guān)數(shù)據(jù)，應(yīng)當(dāng)實(shí)行全面壓縮及處理，從而可有效避免在上傳系統(tǒng)過程中有圖像失真情況發(fā)生。

3.4對(duì)比及互補(bǔ)顏色處理

對(duì)于整體畫面而言，若其顏色處理過于一致，往往都會(huì)造成整體畫面比較沉悶。所以，在實(shí)際開展網(wǎng)頁(yè)設(shè)計(jì)中，為能夠更好實(shí)現(xiàn)圖像處理，應(yīng)當(dāng)對(duì)對(duì)比及互補(bǔ)顏色實(shí)行處理，綜合進(jìn)行考慮，全面調(diào)節(jié)兩者顏色，確保兩者間存在一定差別，且其顏色應(yīng)當(dāng)相對(duì)較鮮明。另外，在實(shí)際處理過程中，對(duì)于比較特殊的一些情況，可對(duì)純色進(jìn)行利用，從而確保兩者區(qū)別具有更明顯體現(xiàn)，從而在網(wǎng)頁(yè)設(shè)計(jì)的圖像處理過程中，保證其最佳化效果能夠得以真正實(shí)現(xiàn)[2-3]。

4 網(wǎng)頁(yè)設(shè)計(jì)中圖像處理的合理應(yīng)用

4.1綜合利用多種圖像形式

就網(wǎng)頁(yè)設(shè)計(jì)實(shí)際情況而言，圖像形式比較多樣化，比較常見的主要包括攝影圖、截圖以及簡(jiǎn)單圖形與連接圖片，在實(shí)際設(shè)計(jì)過程中，對(duì)于各種不同圖像處理形式應(yīng)綜合進(jìn)行利用，從而確保在網(wǎng)頁(yè)設(shè)計(jì)中表現(xiàn)出更突出畫面感及藝術(shù)感染力。具體而言，攝影圖片的特點(diǎn)就是其直觀感及寫實(shí)性比較強(qiáng)烈，從而可使人們?cè)跒g覽網(wǎng)頁(yè)時(shí)更好進(jìn)入特定情境中，并且人們對(duì)于這種形式的圖像也比較容易接受。對(duì)于相關(guān)攝影圖像，通過利用圖像處理技術(shù)實(shí)行適當(dāng)加工，可使圖片及文字實(shí)現(xiàn)科學(xué)結(jié)合，利用這種方式可使人們有特別感受產(chǎn)生，可使人們視覺需求得到更好滿足，在目前網(wǎng)頁(yè)設(shè)計(jì)中具有十分廣泛的應(yīng)用。然而，單純利用攝影圖像，往往都會(huì)導(dǎo)致網(wǎng)頁(yè)頁(yè)面較煩瑣，對(duì)網(wǎng)頁(yè)主題的表現(xiàn)也可能會(huì)在一定程度上產(chǎn)生影響，造成網(wǎng)頁(yè)設(shè)計(jì)吸引力比較差。為能夠使這種情況得以較好解決，需要相關(guān)設(shè)計(jì)人員綜合利用多種不同圖像設(shè)計(jì)方式，從而使網(wǎng)頁(yè)主題更加明確。另外，插圖這種圖像處理方式往往在文字?jǐn)⑹龈浇茫墒刮淖炙鶄鬟_(dá)相關(guān)信息得以較大程度拓展。對(duì)于插畫內(nèi)容，可選擇具體寫實(shí)照片，也可運(yùn)用相對(duì)而言比較抽象相關(guān)藝術(shù)照片。在對(duì)圖像形式進(jìn)行選擇方面，應(yīng)當(dāng)注意與網(wǎng)頁(yè)實(shí)際需求相結(jié)合，同時(shí)在實(shí)際網(wǎng)頁(yè)設(shè)計(jì)過程中，也可對(duì)圖形符號(hào)等進(jìn)行利用，在此基礎(chǔ)上使網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)感得到一定程度提升，可對(duì)人們?cè)斐奢^強(qiáng)藝術(shù)感染力及藝術(shù)沖擊力，也就能夠達(dá)到理想的設(shè)計(jì)效果。

4.2科學(xué)合理分配網(wǎng)頁(yè)中圖像角色

在網(wǎng)頁(yè)設(shè)計(jì)過程中，對(duì)于不同圖像而言，其所扮演角色也有一定差異存在，從而導(dǎo)致其位置及大小等方面也有一定差異存在，并且會(huì)導(dǎo)致網(wǎng)頁(yè)之間有鮮明風(fēng)格差別形成。具體而言，在實(shí)際進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)中，可將圖像作為標(biāo)志性內(nèi)容，同時(shí)也可將其作為網(wǎng)頁(yè)背景實(shí)行合理布置，還可利用圖像對(duì)網(wǎng)頁(yè)實(shí)行導(dǎo)航，對(duì)鏈接性圖片進(jìn)行合理設(shè)置在，這些在實(shí)際網(wǎng)頁(yè)設(shè)計(jì)中均比較常見。比如，在實(shí)際網(wǎng)頁(yè)設(shè)計(jì)中選擇圖像作為背景，不可單純將圖像作為主要內(nèi)容進(jìn)行展示，可通過文字或者其他方式進(jìn)行利用，促使網(wǎng)頁(yè)形式能夠更加豐富。另外，在相關(guān)網(wǎng)頁(yè)中還可對(duì)較小的一些插圖或線條進(jìn)行利用，以適當(dāng)裝飾整體網(wǎng)頁(yè)背景，對(duì)于網(wǎng)頁(yè)中的一些連接性標(biāo)志，可將其轉(zhuǎn)變成為呼應(yīng)網(wǎng)頁(yè)背景風(fēng)格標(biāo)志，通過對(duì)這種方式進(jìn)行利用，可使整體網(wǎng)頁(yè)中有動(dòng)靜結(jié)合效果產(chǎn)生，可使網(wǎng)頁(yè)觀賞性及趣味性在一定程度上得以增強(qiáng)。對(duì)于有些網(wǎng)站而言，其自身具備辨識(shí)度較高的企業(yè)標(biāo)志，在主頁(yè)上實(shí)行展示，通常放置于網(wǎng)頁(yè)開頭部位或者比較明顯的位置進(jìn)行展示，利用這種方式可使整體網(wǎng)頁(yè)頁(yè)面美感得以提升，還能夠在較大程度上使人們印象加深，也就能夠得到良好廣告宣傳效益[3]。

5 結(jié)語(yǔ)

在當(dāng)前網(wǎng)頁(yè)設(shè)計(jì)過程中，為能使其取得更加理想的效果，應(yīng)當(dāng)對(duì)各個(gè)方面加強(qiáng)注意，而圖像處理就是比較重要的一個(gè)方面，較好實(shí)行圖像處理，使其達(dá)到最佳化效果也就具有重要作用及意義。因此，在實(shí)際網(wǎng)頁(yè)設(shè)計(jì)中，相關(guān)工作人員應(yīng)當(dāng)對(duì)圖像處理內(nèi)容加強(qiáng)認(rèn)識(shí)，了解相關(guān)處理技術(shù)，以有效方式實(shí)現(xiàn)圖像處理最佳化，并且對(duì)圖像處理技術(shù)進(jìn)行合理應(yīng)用，確保其得到更理想的效果。

參考文獻(xiàn)：

[1] 謝曉輝.計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)中圖像處理技術(shù)的應(yīng)用研究[J].科技風(fēng)，2018（12）：78.

[2] 黃躍成.網(wǎng)頁(yè)設(shè)計(jì)中圖像處理的最佳化分析[J].計(jì)算機(jī)光盤軟件與應(yīng)用，2013，16（13）：175-176.

[3] 仇樂.網(wǎng)頁(yè)設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)應(yīng)用解析[J].煤炭技術(shù)，2013，32（03）：204-205.