在杭州網站建設環節中的優化工作中， 圖片優化得好， 可以提高頁面的加載速度，對網站的用戶體驗帶來好處，而且還可以通過圖片優化來節省網站的帶寬。 下面由杭州共榮網絡的技術總監來和大家分享一下這方面的內容。
1. 矢量圖與位圖。
矢量圖：縮放、旋轉不失真的圖像格式，不管你離多近去看都看不到圖形的最小單位。存儲的文件較小，但是很難表現色彩層次豐富的逼真圖像效果。你可以理解成完美的圓型、拋物線等形狀。
位圖：又叫柵格圖、像素圖，最小單位由像素構成，縮放、旋轉會失真。舉個例子來說，位圖就好比十字繡，遠看時畫面細膩多彩，近看時能看到每一針的色彩過渡。
2.有損壓縮、無損壓縮。
有損壓縮：特點是保持顏色的逐漸變化，根據人眼觀察現實世界的 突然變化, 然后使用附近的顏色通過漸變或其他形式進行填充。因為素點的數據信息，所以存儲量會降低，還不會影響圖像的還原度質會有所下降。JPG是有損壓縮格式，在存儲圖像時會把圖像分解成8*8像素的網格單單獨優化。舉個例子：白色小塊為8*8px，黑色底色塊為32*32px，當小白塊已經不是純白色了，它周圍的小白塊卻很尖銳。
無損壓縮：利用數據的統計冗余進行壓縮，真實的記錄圖像上每個像素點的數據信息。他的原理是先判斷哪些顏色相同，哪些不同，將相同顏色的數據信息進行壓縮記錄，把不同的數據另外保存。多次存儲后圖片的品質不會下降。
為什么無損壓縮的圖也會有失真的?因為他的壓縮原理是通過索引圖像上相同區域的顏色進行壓縮和還原，也就是說只有在圖像的顏色數量小于我們可以保存的顏色數量時，才能真實的記錄和還原圖像，否則就會丟失一些圖像信息。
3. PNG 、GIF 、JPG圖片對比。
在我們進行圖像優化技術前，需要學習有關的圖片格式的一些技術細節。每個圖形格式都有自己的優勢和弱點，知道他們會使你得到更好的視覺質量和壓縮品質。
網頁圖片優化是網頁加速中非常重要的一步，對圖片進行壓縮，不僅能夠節約帶寬，并且加快網頁的速度。我們常用的圖片編輯軟件都可以在壓縮圖片。
PNG-8 的高壓縮比
切圖時，有時選擇 PNG-8 可以獲得更高的壓縮比。注意，是 PNG-8，不是 PNG-24。不過有些情況下還是 GIF 或 JPG 會小一些，需要根據實際情況調試以選擇最佳方案。
以上是由杭州公榮網絡科技首發轉載請注明，謝謝! 杭州網站建設、杭州網站制作、杭州網頁設計、杭州網站設計服務熱線：13675891327 QQ:404011662
