網(wǎng)頁設(shè)計中的圖形圖像處理技巧分析

徐敏

摘 要：網(wǎng)頁設(shè)計中圖形圖像的處理是網(wǎng)站建設(shè)的重要組成部分，圖形圖像作為網(wǎng)頁設(shè)計中最直觀和具象的呈現(xiàn)部分，在圖形圖像選擇和處理的過程中要注意技巧的運用，從而給人以更為流暢的加載體驗和觀感上的視覺體驗。網(wǎng)頁設(shè)計中會運用到的圖形圖像在大小、格式和色彩上各不相同，需要根據(jù)網(wǎng)站建設(shè)的要求和整體風(fēng)格來進行處理和優(yōu)化設(shè)計，文章就主要圍繞網(wǎng)頁設(shè)計中圖形圖像要相關(guān)處理技巧進行分析和研究。

關(guān)鍵詞：網(wǎng)頁設(shè)計;圖形圖像;處理技巧

隨著信息技術(shù)的不斷發(fā)展和互聯(lián)網(wǎng)絡(luò)的普及，人們的生產(chǎn)生活與網(wǎng)絡(luò)密切相關(guān)，大到政府單位或者企業(yè)建立自己的門戶網(wǎng)站，小到個人利用手機或者電腦利用網(wǎng)頁來進行搜索和信息瀏覽，要提升網(wǎng)站建設(shè)的質(zhì)量，提高用戶體驗，最關(guān)鍵的就是要做好網(wǎng)頁設(shè)計，除了要不斷的完善和更新網(wǎng)頁中的信息及文字內(nèi)容之外，還必須要重視網(wǎng)頁的外觀設(shè)計，在進行界面制作時需要應(yīng)用到大量的圖形圖像，對這些圖形圖像的處理考驗著網(wǎng)頁設(shè)計制作的水平。

一、網(wǎng)頁設(shè)計中圖形圖像的應(yīng)用分析

1、圖形圖像在網(wǎng)頁設(shè)計中的重要作用

隨著信息技術(shù)的發(fā)展和新媒體平臺的崛起，網(wǎng)頁與網(wǎng)站已經(jīng)成為了新的傳播信息的重要載體，網(wǎng)頁中的信息元素呈現(xiàn)出多元化的特征，主要就包括文字、圖形圖像、視頻以及超鏈接等等，在網(wǎng)頁設(shè)計中需要將這些元素進行融合，優(yōu)化整體的設(shè)計布局，使得整個界面更加美觀、簡潔和大方。【1】其中通過應(yīng)用豐富多彩、主題鮮明的圖形圖像，能夠給人以最直觀的視覺體驗，配合相應(yīng)的文字介紹，能夠給人以閱讀上的層次感，更加生動的進行信息傳遞，加深用戶的印象，同時圖形圖像的插入還可以使整個網(wǎng)頁布局更加協(xié)調(diào)，起到裝飾和美化的作用。因此一定要重視圖形圖像在網(wǎng)頁設(shè)計中的運用。

2、網(wǎng)頁設(shè)計中圖形圖像的分類及應(yīng)用

在網(wǎng)頁設(shè)計中比較長使用到的圖形圖像主要有以下幾種類型：GIF格式圖像、Jpg格式圖像、PNG格式圖像，不同類型格式的圖形圖像在大小、像素和呈現(xiàn)效果上各不相同，必須要根據(jù)網(wǎng)頁設(shè)計的實際需求來對圖像進行格式轉(zhuǎn)換處理或者剪裁處理，目的就是使圖形圖像同網(wǎng)頁相協(xié)調(diào)?！?】GIF格式是與設(shè)備無關(guān)的圖像存儲標(biāo)準(zhǔn)，是在互聯(lián)網(wǎng)絡(luò)上使用最早應(yīng)用范圍最廣的一種圖像格式，適合對大的圖形進行壓縮處理，支持動態(tài)圖像。Jpg格式則更加適用處理照片，PNG格式無論是處理圖像還是照片都可以試用，其優(yōu)點在于PNG對圖形圖像進行無損處理，但缺點是文件過大，也不支持動態(tài)圖形呈現(xiàn)。

二、網(wǎng)頁設(shè)計中圖形圖像的處理技巧探討

1、分清主次，優(yōu)化頁面布局設(shè)計

探討網(wǎng)頁設(shè)計中圖形圖像的處理技巧，首要的一點就是要分清圖形圖像的主次，優(yōu)化頁面布局設(shè)計。一般來說圖形圖像在網(wǎng)頁中呈現(xiàn)的形式有退底圖、邊緣模糊圖和四方圖這幾種，【3】這幾種形式在視覺效果上有很大的不同，在進行圖形圖像的處理時一定要根據(jù)版面的文字、聲音以及色彩等其他內(nèi)容來選擇合適的呈現(xiàn)形式，對于重點突出的部分選用四方圖，而對于網(wǎng)頁的邊角部分可以選用退底圖。

2、根據(jù)傳輸速度需求選擇合適的圖片格式

人們在使用網(wǎng)頁進行信息瀏覽或檢索的過程中，經(jīng)常會遇到圖片加載慢的問題，究其原因就在于圖形圖像的尺寸、數(shù)量及清晰度受到了網(wǎng)絡(luò)傳輸?shù)南拗啤！?】在進行網(wǎng)頁設(shè)計圖形圖像處理的過程中必須要考慮到圖片的傳輸速度來選擇合適的圖片格式進行處理。就比如在長寬和色彩固定的前提下，對像素沒有明確要求，就要選用GIF格式來進行圖像處理，GIF的優(yōu)點就在于體積小、加載速度快。

3、適當(dāng)進行圖形圖像分割

網(wǎng)頁設(shè)計中進行圖形圖像的處理時還可以適當(dāng)?shù)膶D形圖像進行分割。也就是說處理清晰度高、體積較大的圖片時，可以將一幅完整的大圖片分割成小圖片，在進行圖片呈現(xiàn)時只將圖片中最重要的那部分分離出來供人們?yōu)g覽，其余的則可以用背景填色的形式來進行處理，這樣不僅保證了圖形圖像的加載速度，同時還不用對圖像進行過度的壓縮以影響圖片質(zhì)量。

4、處理好動態(tài)圖形的動畫效果

在網(wǎng)頁設(shè)計的過程中經(jīng)常會使用到一些動態(tài)圖形，這些動態(tài)圖形有可能是單幀呈現(xiàn)也有可能是以小動畫的形式呈現(xiàn)，在進行這類圖形圖像的處理時能使用GIF的就盡量不要使用flash動畫，相比于flash動畫來說GIf既能夠?qū)崿F(xiàn)動態(tài)圖形的疊加，又能夠壓縮文件大小，而對于有較高要求的動態(tài)圖形，則可以通過設(shè)置超鏈接的形式來供人們?yōu)g覽或下載。

結(jié)語

在網(wǎng)頁設(shè)計中熟練的掌握和運用圖形圖像的處理技巧，在形狀、格式以及布局方式上進行優(yōu)化，能夠凸顯制作者的網(wǎng)頁設(shè)計水平，帶給用戶良好的使用和視覺體驗。

參考文獻

[1]張宏.網(wǎng)頁設(shè)計中的圖形圖像處理技巧探索[J].信息與電腦（理論版），2019，31（18）：154-156.

[2]余晶.網(wǎng)頁設(shè)計中圖形圖像處理技巧[J].新聞前哨，2018（12）：23-24.

[3]歐中亞.試論圖形圖像處理技術(shù)在網(wǎng)頁設(shè)計制作中的應(yīng)用[J].信息通信，2018（09）：129-130.

[4]徐智旭，門威.網(wǎng)頁設(shè)計中的圖形圖像處理技巧[J].電子技術(shù)與軟件工程，2017（13）：83.