JPG、PNG、SVG 和 WEBP 格式图片的业务场景对比

一、JPG

• 有损压缩，压缩率高
• 不支持透明

适用于不需要透明图片的业务场景

 

二、PNG

• 支持透明
• 浏览器兼容性好

适用于需要透明图片的业务场景

 

三、SVG

• 矢量图，代码内嵌，相对较小

适用于图片样式相对简单的场景

 

四、WEBP

• 压缩程度好
• 但在 ios webview 有兼容性问题

 适用于安卓