WEBP格式【原創】

摘要： 設計師會經常和圖片格式打交道，比較常見的是JPG、PNG、GIF、SVG、WEBP JPG JPG是有損的圖片壓縮，設計師可以通過調整圖片輸出質量來調整圖片的容量大小。 PNG PNG無損的圖片格式，而且支援阿爾法通道，就是有透明度的概念，這個透明度的意思就是支援半透明...

設計師會經常和圖片格式打交道，比較常見的是JPG、PNG、GIF、SVG、WEBP

JPG

JPG是有損的圖片壓縮，設計師可以通過調整圖片輸出質量來調整圖片的容量大小。

PNG

PNG無損的圖片格式，而且支援阿爾法通道，就是有透明度的概念，這個透明度的意思就是支援半透明。

GIF

GIF通常是作為動畫圖片的格式，表情包的興起死gif更火了，他支援迴圈播放也支援播放一次，但是他的缺點有兩個，一個是輸出圖片質量不高，否則圖片容量會過大，另一個是支援透明但不支援半透明，這一點要十分注意。

SVG

SVG其實是通過向量圖輸出的一種格式，支援放大和縮小不失真，還支援程式碼重繪可以達到動畫的效果，但是他屬於向量，拿點陣圖來就沒有辦法了。

WEBP

WEBP是google一直在推行的一種格式，他融合前三種格式JPG\PNG\GIF的有點，同等質量的圖片，容量是JPG的40%，支援透明度，支援動畫，webp顧名思義，就是為網路而生的圖片格式，但是之前的使用一直不是很廣泛，現在比如淘寶，京東，騰訊都在自己的平臺悄悄然支援這種格式，

作為設計師也要注意。

瀏覽器是可以檢視webp格式的，但是電腦的預覽卻不支援，這裡我來分享一個如何在win電腦上預覽web格式的外掛，有個了外掛，就可以直接預覽webp格式了，十分方便：

連結：https://pan.baidu.com/s/16ws4ZdtduPx0zJZ13QZmdQ

提取碼：zl54

轉載時請註明出處及相應連結，本文永久地址：https://blog.yayuanzi.com/25141.html

微信打賞

支付寶打賞

感謝您對作者Shirley的打賞，我們會更加努力！    如果您想成為作者，請點我