#### 圖片壓縮的定義 1. 針對圖片，舍棄一些無關緊要的色彩信息 #### PNG8 PNG24 PNG32的區別 1. PNG8 -- 2^8色(256)、支持透明：一個像素8bit組成 2. PNG24 -- 2^24色、不支持透明：一個像素24bit組成，是PNG8的三倍大小 3. PNG32 -- 2^24色、支持透明：一個像素32bit組成，是PNG8的四倍大小 4. 當一張圖片的顏色不是非常豐富的時候，256色可以表達出來，比如單獨的一些色調組成，則PNG8即可 5. 當一張圖片的顏色非常豐富的時候，需要透明時可以使用PNG32，反之則使用PNG24 #### 不同圖片格式的常見應用場景 1. JPG：大部分不需要透明圖片的業務場景 2. PNG：大部分需要透明圖片的業務場景 3. WEBP：安卓全部，蘋果的saifer支持度不好 4. SVG：圖片樣式相對簡單的業務場景，大小相對較小，矢量圖，不需要發起HTTP請求 #### 雪碧圖的優缺點 1. 優點：將多張圖片合并成一張，減少HTTP請求 2. 缺點：如果雪碧圖當中有一張圖片合成過慢，會造成其它圖片暫也無法顯示 ### 雪碧圖在線查看尺寸 1. spritecow.com