WEBP格式【原創】
設計師會經常和圖片格式打交道,比較常見的是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的打賞,我們會更加努力! 如果您想成為作者,請點我