JPEG，GIF，PNG或SVG - 您应该使用哪种？

版权声明：转载原创文章请注明：文章转载自：前端精髓 https://blog.csdn.net/wu_xianqiang/article/details/82078886

JPEG

1. 可以显示约1680万种颜色
2. 有损压缩
3. 无法动画
4. 非常适合静止图像和照片

---

GIF

1. 可以显示256种颜色
2. 无损压缩
3. 支持透明度
4. 非常适合简单的动画
5. 适用于平面颜色和没有渐变的图形的图形

---

PNG

1. PNG-8：可以显示256种颜色
2. PNG-24：可以显示数百万种颜色
3. 无损压缩
4. 比GIF更好的透明度
5. 无法动画
6. 适用于图标;可在SVG格式不可用时使用

---

SVG

1. 非常可扩展，非常适合响应式设计
2. 可以使用CSS和JavaScript进行修改
3. 文件较小; 取决于图像的复杂程度
4. 可以动画
5. 非常适合徽标，图标，地图，旗帜，图表等。
6. 照片不太好用

---

Web的新图像格式

WebP是一种现代图像格式，可为Web上的图像提供出色的无损和有损压缩。使用WebP，网站管理员和Web开发人员可以创建更小，更丰富的图像，使网络更快。

与PNG相比，WebP无损图像的尺寸缩小了26％。在等效的SSIM质量指数下，WebP有损图像比同类JPEG图像 小25-34％。

无损WebP 支持透明度（也称为alpha通道），仅需22％的额外字节。对于有损RGB压缩可接受的情况，有损WebP也支持透明度，与PNG相比，通常提供3倍的文件大小。阅读全文