---

一、JPEG（Joint Photographic Experts Group）

联合图像专家小组是一种针对彩色照片而广泛使用的有损压缩图形格式。

1、介绍

栅格图形。常用文件扩展名为 .jpg，也有 .jpeg、.jpe。JPEG 在互联网上常被应用于存储和传输照片。

2、不适合情形

线条图形和文字、图标图形，因为它的压缩算法不太这些类型的图形；并且不支持透明度。

3、非常适合的情形

颜色丰富的照片、彩色图大焦点图、通栏 banner 图；结构不规则的图形。

二、PNG（Portable Network Graphics）

便携式网络图形是一种无损压缩的位图图形格式，支持索引、灰度、RGB 三种颜色方案以及 Alpha 通道等特性。

1、介绍

栅格图形。PNG 最初是作为替代 GIF 来设计的，能够显示 256 色，文件比 JPEG 或者 GIF 大，但是 PNG 非常好的保留了图像质量。支持 Alpha 通道的半透明和透明特性。最高支持 24 位彩色图像（PNG-24）和 8 位灰度图像（PNG-8）。

2、不适合的情形

由于是无损存储，彩色图像体积太大，所以不太适合。

3、非常适合的情形

纯色、透明、线条绘图，图标；边缘清晰、有大块相同颜色区域；颜色数较少但需要半透明。

三、GIF（Graphics Interchange Format）

图像互换格式是一种位图图形文件格式，以 8 位色（即 256 种颜色）重现真彩色的图像，采用 LZW 压缩算法进行编码。

1、介绍

栅格图形。支持 256 色；仅支持完全透明和完全不透明；如果需要比较通用的动画，GIF 是唯一选择。

2、不适合的情形

每个像素只有 8 比特，不适合存储彩色图片。

3、非常适合的情形

动画，图标。

四、Webp

Webp 是一种现代图像格式，可为图像提供无损压缩和有损压缩，这使得它非常灵活。由 Google 在购买 On2 Technologies 后发展出来，以 BSD 授权条款发布。

1、介绍

优秀算法能同时保证一定程序上的图像质量和比较小的体积；可以插入多帧，实现动画效果；可以设置透明度；采用 8 位压缩算法。无损的 Webp 比 PNG 小 26%，有损的 Webp 比 JPEG 小 25-34％，比 GIF 有更好的动画。

2、不适合的情形

最多处理 256 色，不适合于彩色图片。

3、非常适合的情形

适用于图形和半透明图像。

写在最后

如果你感觉文章不咋地//(ㄒoㄒ)//，就在评论处留言，作者继续改进；o_O???
如果你觉得该文章有一点点用处，可以给作者点个赞；\\*^o^*//
如果你想要和作者一起进步，可以微信扫描二维码，关注前端老L；~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※！！！