網站的優化不是說就是更新文章，加點外鏈啥的，其實還包括圖片優化，為什么圖片要進行優化呢？這要是圖片太大會影響到網站的打開速度，換言之，圖片的大小在一定程度上決定了網站速度，如果圖片優化的好就可以提升頁面加載的速度，提高用戶體驗度，下面小編就給大家講講。

   1、矢量圖和位圖的對比

   （1）矢量圖

   矢量圖：縮放、旋轉不失真的圖像格式，不管你離多近去看都看不到圖形的最小單位。存儲的文件較小，但是很難表現色彩層次豐富的逼真圖像效果。你可以理解成完美的圓型、拋物線等形狀。

   （2）位圖

   位圖：又叫柵格圖、像素圖，最小單位由像素構成，縮放、旋轉會失真。在圖像工具將位圖放到最大時能看到每一針的色彩過渡，大多都是在用JPG、GIF、BMP、PNG幾種格式。舉個例子來說，位圖就好比十字繡，遠看時畫面細膩多彩，近看時能看到每一針的色彩過渡。

   2、有損壓縮和無損壓縮

   （1）有損壓縮

   有損壓縮的特點是保持顏色的逐漸變化，根據人眼觀察現實世界的突然變化，然后使用附近的顏色通過漸變或其他形式進行填充。因為素點的數據信息，所以存儲量會降低，還不會影響圖像的還原度質會有所下降。JPG是有損壓縮格式，在存儲圖像時會把圖像分解成8*8像素的網格單單獨優化。舉個例子：白色小塊為8*8px，黑色底色塊為32*32px，當小白塊已經不是純白色了，它周圍的小白塊卻很尖銳。

   （2）無損壓縮

   無損壓縮是利用數據的統計冗余進行壓縮，真實的記錄圖像上每個像素點的數據信息。他的原理是先判斷哪些顏色相同，哪些不同，將相同顏色的數據信息進行壓縮記錄，把不同的數據另外保存，多次存儲后圖片的品質不會下降。

   3、PNG、GIF、JPG圖片對比

   在我們進行圖像優化技術前，需要學習有關的圖片格式的一些技術細節。每個圖形格式都有自己的優勢和弱點，知道他們會使你得到更好的視覺質量和壓縮品質。對于PNG、GIF和JPG圖片的壓縮情況及數據對比，為了能直觀的表達出三種之間的區別。

   （1）PNG-8的高壓縮比

   切圖時，有時選擇 PNG-8 可以獲得更高的壓縮比。注意，是PNG-8，不是PNG-24。不過有些情況下還是GIF或JPG會小一些，需要根據實際情況調試以選擇最佳方案。

   （2）PNG-24的優化技巧

   PNG-24優化時可以使用ps里的色調分離，減小大小，然后再用工具進行優化一下。

   4、圖型類和照片類

   另外對于圖像格式的選擇，我們還需要考慮圖片的使用場景或功能，概括為兩類：圖型類和照片類。

   （1）圖型類

   圖形符號，具有高度濃縮并快捷傳達信息、便于記憶的特性，顏色數量較少。一般可以使用PNG格式或者GIF格式。優化時可采用PNG格式為PNG8或者PNG24，品質為32，如果色彩有損失可采用品質64或者128。例如：首頁左導的圖標、feed區圖標、勛章圖、表情動畫都屬于圖形。

   （2）照片類

   照片通常含有百萬數量級的顏色，包括平滑的顏色過度和漸變，如果是圖形較為復雜，圖中有時會出現真實的照片。照片類一般用PNG和JPG，可以根據圖片色彩的豐富程度而定。PNG的品質一般要到128。JPG的品質一般要在70-80之間，以噪點的程度確定。例如：皮膚背景圖、發布器、按鈕背景、發布器下方的tips、右側廣告、用戶頭像、用戶發布的圖片。