webp 從常見的四種圖片格式 JPG(JPEG)俭尖、PNG幽勒、SVG、GIF 脫穎而出焊虏,成為當(dāng)今WEB上眾多圖像格式中最流行的淡喜。
- JPG(即JPEG) 是圖像的首選格式,在這些圖像中诵闭,尺寸考慮因素比圖像細(xì)節(jié)和質(zhì)量考慮因素更重要炼团。JPG 高度可壓縮澎嚣,但在壓縮(有損壓縮)期間會(huì)犧牲質(zhì)量以換取更小的尺寸和大小,并且在壓縮時(shí)很容易看到偽影瘟芝,因?yàn)?JPG 缺少 alpha 通道(實(shí)現(xiàn)真正透明背景所需的圖像屬性)易桃。
- PNG 支持 alpha 通道(透明)和不丟失圖像細(xì)節(jié)的壓縮(無損壓縮)。但體積較大模狭,會(huì)占用更多的存儲(chǔ)空間颈抚。(但對(duì)于單色或顏色很少的圖像,體積可能比JPG薪鲤摹)
- SVG 是可縮放矢量圖形,其體積較小且可無損縮放驱富。但 SVG 格式的調(diào)色板非常有限锚赤,因此無法很好地呈現(xiàn)具有大量顏色變化的圖像。
當(dāng)圖像必須易于縮放并在不同尺寸下保持其所有質(zhì)量時(shí)褐鸥,SVG 是首選格式线脚。SVG 最常見的使用場(chǎng)景是作為圖標(biāo),也是網(wǎng)絡(luò)動(dòng)畫的一個(gè)選項(xiàng)(不適合過于復(fù)雜的動(dòng)畫叫榕,因其由多個(gè)dom元素構(gòu)成)浑侥。 - GIF 是最常用于動(dòng)畫的圖像格式。它具有無損壓縮晰绎、8 位顏色格式(256 種顏色)和無 alpha 通道(要么全透明要么不透明寓落,無法半透明)。其有限的調(diào)色板意味著每個(gè)動(dòng)畫幀的文件大小更小荞下,這在處理動(dòng)畫時(shí)特別有用伶选。
- WebP 是谷歌為“現(xiàn)代WEB”開發(fā)的圖像格式,目的是囊括其他圖像格式的優(yōu)點(diǎn):
體積比PNG尖昏、JPG小仰税,可有損壓縮也可無損壓縮;
有 alpha 通道支持透明度抽诉;
支持動(dòng)畫陨簇;
注意,WebP是光柵圖(同JPG迹淌、PNG)河绽,不是矢量圖,因此不能代替SVG