網頁設計中的圖形影象處理技巧研究論文
摘要：隨著網路技術的飛速發展，被廣泛的應用到了社會中的各個領域當中。其中必定少不了網站建設和網頁設計，而圖形影象的應用又在網頁設計中佔有極其重要的位置，因此，要想提高網頁的設計質量，就需要掌握圖形影象的處理技巧。
關鍵詞：網頁設計；圖形影象；處理技巧
在資訊科技化發展的今天，每個行業都離不開網站建設和網頁設計，要想在日益競爭的市場中能夠脫穎而出，就需要加強網站的建設和網頁設計的質量。而網頁設計通常採用影象圖形和文字綜合編輯的表現方式，具有很強的視覺影響力，所以，要想提高網頁設計的質量，就需要掌握設計中圖形影象的處理技巧。
一、圖形和影象在網頁設計中應用的意義
與傳統傳媒技術不同的是，網頁設計的元素多樣化，透過不同的手段對不同的元素進行剪輯，可以產生不一樣的效果。而在網頁設計中，影象圖形處理是最為常見的一種處理技術，透過把圖形影象和文字相結合的辦法，能夠有效的傳遞網頁資訊，是網頁的表現形式更加直觀。一般影象質量處理良好的網頁，或是影象和文字共同編輯的網站，更會成為人們瀏覽時的首選，從而更加吸引人們的注意力，瀏覽的時間就會越長，也就能把網頁的主題和資訊傳達給瀏覽者，也就很好的體現出圖形影象在網頁設計中的意義[1]。
二、圖形影象的分類
在網頁設計中，圖片的常見格式有：JPEG（JPG）、BMP、GIF、PSD、PCX、PNG等格式。JPEG是第一個國際影象壓縮標準，是應用最廣泛的圖片格式之一，這種圖片是經過壓縮而來，檔案小，便於傳輸，同時也在很大程度上滿足了人們對圖片色彩和解析度的要求，並且也在網頁設計的影象圖形處理中被廣泛使用的影象格式。GIF格式分為靜態GIF和動畫GIF兩種，“體積”很小，網際網路上很多動態圖片的格式都是GIF格式，透過把多幅影象儲存為一個影象檔案中，從而形成了動畫。另外，GIF是網路中最早應用圖片格式，透過一個LZW的演算法把影象進行無失真壓縮，有效的減少了檔案的大小[2]。PNG格式與JPEG基本相似，其特點就是支援圖片透明。PNG格式支援很多中顏色格式，並且支援fullalpha通道，但是支援動畫，網頁中比較小的圖片基本上都是PNG格式。
三、保證網頁設計風格要與圖形影象相協調
目前，在網路上圖片的主要變現形式有退邊圖、四方圖和邊緣模糊圖，每種形式都具有自己的特點，合理的運用就會產生不同的視覺效果。所以，就需要在網頁設計中對圖形進行合理的'分配，分清哪些是重要的，哪些是次要的，要儘可能的凸顯出主要圖形的作用，讓網頁設計的影象表現的更加直觀，從而讓網頁的整體設計效果得到提高。
四、合理最佳化圖片格式，適合網路傳輸
由於網頁設計中頁面中的影象和文字都有一定的規範空間，為了不影響網頁顯示，就要儘量控制影象在頁面中佔有的空間，降低網頁中影象顯示的時間，提高網頁資訊傳輸的質量。一般網頁設計人員都會頁面中的文字數量、影象大小、影象質量進行平衡分配，保證頁面的傳輸效果和傳輸速度。具體方式主要由以下幾點：
（一）合理利用圖片格式
在網頁設計中，一般的圖片使用GIF和JPEG的差別不是很大，只是GIF格式的使用體積要比JPEG小的多，所以多數採用GIF格式。但是如果圖片的畫素要求達到640*480以上的大圖片，則應該考慮使用JPEG格式的圖片。
（二）對圖片進行有效分割
在我們平時上網下載圖片的時候，會經常發現這些圖片的資料夾中會存在很多比較小的圖片，而這些小圖片可以組成一幅完整的圖形，所以在設計過程中，就會經常使用到圖片分割的方法來對圖片進行處理，將圖片中要體現的重要部分分割出來，在對其餘的區域進行適合的背景處理，從而在本質上減少了圖片大小，方便瀏覽和下載。
（三）靈活運用圖片處理軟體
在網頁設計中如果需要加入高畫質圖片或者彩色圖片時，要靈活的運用圖片處理軟體對其進行預先剪裁處理，通常使用的是PS軟體和FW軟體，並且圖片剪裁後要符合瀏覽器的支援要求。這裡可以考慮PNG格式圖片，雖然不支援動畫，但是可以保證圖片更加豐富多彩，但是PNG格式圖片一般都比較大；而對於企業用於宣傳的產品動畫圖片，則可以實用GIF圖片，可以很好的保留通道和幀影象，有利於反覆播放[3]。
（四）動畫圖片
動畫圖片的首選格式便是GIF，當然也可以使用flash或javascript特效動畫，雖然動畫效果要比GIF優越，但是佔有空間太大，所以就要合理最佳化和平衡網頁的製作設計。
（五）增加圖片連結方式
在網頁設計過程中，有時候會要求設計者在頁面中必須新增高畫質甚至超清的大圖片，這個時候就需要採取間接的方式，先去掉不使用的圖片檔案，透過小圖片連結瀏覽大圖片需要另置資料夾，從而實現了網頁加速瀏覽高畫質圖片。
五、結語
綜上所述，隨著網路媒體技術發展的不斷加快，要想把重要的資訊傳遞給瀏覽者，就需要提高網頁設計的質量和藝術感，要增強對瀏覽者的視覺衝擊，從而有效的吸引更多的人來瀏覽網頁，有利於資訊傳達。所以，運用科學合理的方法對網頁中的圖形影象處理是非常重要的，既起到承載資訊的作用，又能為瀏覽者提供一個色彩鮮明、內容豐富的網頁。
參考文獻：
[1]王燕軍.網頁設計中計算機影象處理技術的應用[J].電子技術與軟體工程,2016,(13):104.
[2]林麗紅.網頁設計製作中圖形影象處理技術的應用[J].產業與科技論壇,2015,(23):50-51.
[3]孫愛民,陳迎松.Authorware課件設計中圖形、影象處理的技巧及OLE物件的應用[J].長春師範學院學報,2011,(02):53-56.
【網頁設計中的圖形影象處理技巧研究論文】相關文章：