webp使用總結

Jean1024發表於2017-10-19

webp

WebP 是由 Google 收購 On2 Technologies 後發展出來的圖片格式,以BSD授權條款釋出。目前已經在不同廠商之間進行了嘗試,如Google、Facebook、ebay、百度、騰訊、淘寶等。

1. webp優勢

WebP 在支援有損、無損、透明圖片壓縮的同時,大大減少了圖片的體積。據統計,WebP 無失真壓縮後比 PNG 圖片體積減少了 26%,有損圖片比同類 JPEG 影像體積減少了 25%~34%,下面總結 WebP 在不同指標上所能獲得的提升對比。

2. 使用步驟

  1. 安裝格式轉化所需的npm
    • imagemin
      • npm install imagemin
    • imagemin-webp
      • npm install imagemin-webp
  2. 更多使用請看github地址