網站制作過程中，圖片應用的格式、色彩模式、尺寸、分辨率、文件大小等都直接關系著一個網站的性能和外觀，可以說，圖片在網站建設中起著非常重要的作用。
 

1、網頁圖片格式

圖片格式有很多種，象PSD，BMP等有幾十種，不過適合網頁圖片格式的，主要是：JPG、GIF、PNG、BMP（較少）。

JPG主要用于色彩比較豐富的圖片，譬如我們相機拍攝的圖片，相對文件較大。GIF適合保存色彩比較單一的圖片，譬如線條稿、色塊、單一顏色動畫等。PNG適合即適合色彩豐富的（但圖片文件較大），也適合單一，可以保存為透明，但需要解決IE6，7下面不支持PNG透明的問題，通過修復瀏覽器BUG解決，在尚道互動--南京網站建設過程中，經常用于透明背景的按鈕、文字、色塊，導航背景、多層疊加。BMP應用較少，不多闡述。
 

2、網頁圖片色彩模式

網頁中圖片格式，一般采用RGB格式，但有些傳統的平面設計師，希望在AI、CD軟件下面設計，顏色模式由于受平面印刷的影響，經常選擇是CMYK格式，經過我們尚道互動--南京網站制作過程中，經常發現在網頁瀏覽時無法顯示或上傳。
 

3、網頁圖片尺寸

由來數碼相機越來越普及，拍攝清晰度越來越高，我們發現圖片的大小也越來越大，動則一張圖片，好幾M，好多網站維護工作人員會直接上傳此類圖片，造成網頁打開此圖片時會很大。有人會說，那我們應該取多大尺寸呢？這里我們推薦，你網頁上圖片是多大尺寸，你就上傳多大尺寸的圖片，譬如圖像寬高是300像素的，你就處理此類大小。又有人會說，我處理成600-1200像素不行嗎？尺寸相關不了多少，幾百K而已。是的，是相關不了多少，但如果一個網頁上有十幾張圖片，這樣算起來，整體剛剛就要多出幾M的大小，瀏覽速度還是受影響。
 

4、網頁圖片分辨率

這種問題常見于平面設計師和初學者。初學者第一設計時，常常為這個困擾，我到底選擇選擇多少呢？72即可。平面設計師經常為傳統印刷服務，為了達到高清效果，他們一般用于印刷的分辨率是300像素/英寸，甚至更高的都有，此種分辨率適合網頁嗎？回答是不適合。因為顯示器的分辨一般是72居多，用了300的，其實在顯示器上顯示也是差不多的效果。文件反而會大。
 

5、網頁圖片品質

由于現在的存儲設備容量越來越大，圖片大小已經不是問題，除了前面說的那四項造成圖片文件以外的原因外，還有一項是圖片的品質。何謂品質：即圖片的質量，質量高就清晰、質量低就模糊。那是不是質量越高越好呢？當然不是。多少范圍才圖片質量較好，文件大小適中的呢？通過我們的經驗所得，80%-90%即可。

寧波網站建設-城池網絡設計：http://www.xinyiwifi.com/News/227.html