按类型分

位图

放大会失真

矢量图

可无损放大

• svg

按压缩分

无压缩

• BMP

有损压缩

jpg/JPEG 不适用logo、icon、包含文本或平面颜色的图像，可用于网站的背景图片、幻灯片或横幅广告等大型图像。

无损

• gif
• png
• svg

比较

1. 通常地，PNG ≈ JPG > GIF
2. 透明性：PNG > GIF > JPG
3. 色彩丰富程度：JPG > PNG >GIF
4. 兼容程度：GIF ≈ JPG > PNG

webp

支持有损无损，最牛逼 WebP是一种由Google开发的图像格式，旨在提供高质量的图像和更小的文件大小。WebP图像通常用于网站上的大型背景图片和Banner广告。

支持度 参考文档