無論是做網(wǎng)站，還是更新網(wǎng)站內(nèi)容，好多站長(zhǎng)都喜歡使用大量的圖片，目的是為了讓自己的網(wǎng)站看起來圖文并茂，更加美觀一些，從而吸引用戶停留在頁面的時(shí)間更長(zhǎng)一些。但是網(wǎng)站的圖片一旦多了，若是不采取任何的優(yōu)化措施，就會(huì)降低網(wǎng)站的訪問速度。下面上海飛墨網(wǎng)站優(yōu)化人員整理出了網(wǎng)站制作時(shí)圖片優(yōu)化的一些原則：

1、網(wǎng)站制作開始前要做好規(guī)劃，包括要用到哪些圖片、用多少圖片、什么圖片在哪里使用等。

2、如非必要展示全景，可以對(duì)圖片進(jìn)行裁剪，只保留與頁面內(nèi)容有關(guān)聯(lián)的部分。

3、同一篇文章需要上傳多張圖片的時(shí)候，要學(xué)會(huì)將它們或兩張、或四張的組合成一張圖片再上傳。

4、制作網(wǎng)站邊框、背景時(shí)，能用CSS處理的就用，其次再考慮使用圖片。

5、相同條件下，png格式的圖片是最小的，網(wǎng)站上的圖片能不用jpg和gif格式的就要用了，優(yōu)先png。

6、一定要在html中寫清楚圖片的大小。

7、在PS過程中，直接縮放圖片非常容易造成圖像清晰度下降，最好能用smart sharpen(智能銳化)進(jìn)行處理。

8、雖然png格式的圖片已經(jīng)是最小的了，但是當(dāng)把它們的顏色位數(shù)進(jìn)行最小化時(shí)，圖片還會(huì)更小哦，本技巧對(duì)于gif格式圖片同樣適用。

9、依然要說png和gif格式的圖片，把它們的dithering(抖動(dòng)顯示)最小化，會(huì)更小。

10、當(dāng)需要在圖片上添加文字的時(shí)候，一般的美工只是簡(jiǎn)單的將目標(biāo)文字嵌入到圖片中，而真正優(yōu)秀的美工會(huì)將圖片背景透明化或利用CSS定位，然后再令文字覆蓋在圖片上，看上去效果是一樣的，但是后者對(duì)圖片的壓縮程度是要大上許多的。

11、在壓縮png和gif格式圖片的時(shí)候，若是它們本身就比較小，就放心的進(jìn)行有損壓縮吧。

12、壓縮圖片還有一個(gè)小技巧，那就是事先進(jìn)行降噪處理，然后壓縮得到的圖片會(huì)更小。

13、說了那么多png和gif格式圖片，最后就以jpg格式圖片結(jié)尾吧，壓縮之前先模糊背景，得到的jpg圖片會(huì)更小。