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

时间:2024-03-04 16:01:01

一、JPG

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

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

 

二、PNG

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

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

 

三、SVG

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

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

 

四、WEBP

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

 适用于安卓