png，jpg，gif這些圖片格式解釋一下，分別什么時候用，webp呢

1. gif圖形交換格式，索引顏色格式，顏色少的情況下，產生的文件極小，支持背景透明，動畫，圖形漸進，無損壓縮（適合線條，圖標等），缺點只有256種顏色
2. jpg支持上百萬種顏色，有損壓縮，壓縮比可達180：1，而且質量受損不明顯，不支持圖形漸進與背景透明，不支持動畫
3. png為替代gif產生的，位圖文件，支持透明，半透明，不透明。不支持動畫，無損圖像格式。Png8簡單說是靜態gif，也只有256色，png24不透明，但不止256色。
4. webp谷歌開發的旨在加快圖片加載速度的圖片格式，圖片壓縮體積是jpeg的2/3，有損壓縮。高版本的W3C瀏覽器才支持，google39+，safari7+