如何为不同格式的图片选合适的应用场景

追求技术，探索本源，我是倾城之夏。

JPEG（Joint Photograph Experts Group）

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

• 介绍：它是一种能栅格图形，常用的文件扩展为 .jpg，也有 .jpeg、.jpe，这个是互联网中用得最广泛的，并且是最多的。JPEG 在互联网上常被应用于存储和传输照片。

• 不适合：这个格式有一些不适合的地方，比如一些线条、图形的文字还有图标图形这样的图片，因为它的压缩法对这类图形是不太适合的，并且它也不支持透明度。

• 非常适合：但是 JPEG 这个格式非常适合什么样的格式呢？什么样的图片呢？比如一些颜色丰富的照片，彩色图、大焦点图，还有一些通栏banner 图以及结构不规则的图形，就是我们相机或者是我们手机所拍的一些颜色特别丰富的，大家能记住这个就可以。

PNG（Portable Network Graphic）

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

• 介绍：PNG 它是一个栅格图形，其实 PNG 最初是想代替 GIF 来设计的，能够显示 256 色，文件比 JPEG 或者是 GIF 都要大，但是 PNG 非常好的保留了图像质量，支持 Alpha 法通道的半透明和透明特性，最高支持 24 位彩色图像，就是我们常说的 PNG-24，还有一些就是 8 灰度图像，就是我们常说的 PNG-8，这两种格式。

• 不适合：PNG 格式它不适合什么样子，就是不适合彩色图像，因为它是无损存储的，并且它体积比较大，JPEG 的这样的图片对 PNG 来说它都是不太支持的。

• 适合：PNG 它适合以什么样的图形，纯色，还有一些透明的，包括一些线条的绘图图标这样的图片，还有就是边缘清晰，由大块相同颜色的区域，比如说我们的纯蓝色、纯红色或者是纯白色这样的图片，或者就是和图形相关的，三角形这种菱形相关的，就是这样的纯色图形的一些图片。它颜色数较少，但是也有一些可能是需要透明的，也是支持的。

GIF（Graphic Interchange Format）

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

• 介绍：GIF 它也是一种栅格图形，支持 256 色，但是它仅支持完全透明和完全不透明。如果需要比较通用的动画技术，GIF 格式几乎是唯一的一个选择。

• 不适合：它不适合什么样的情况呢？就是它每个小像素只有 8 比特，所以它不适合存储彩色图片，就是 JPEG 的那种丰富彩色图片，它不太适合。

• 非常适合：它适合的就是动画，还有一些可以动的图标。

Webp

webp 它是一个现代图像格式，可为图像提供无损压缩和有损压缩，它是非常灵活的，是由谷歌在购买 On2 Technologies 后发展出来的，以 BSD 授权条款发布，所以我们不用考虑它的版权使用问题。

• 介绍：webp 优秀的算法保证了一定程度上图片质量和比较小的体积，可以插入多帧实现动画效果，可以设置透明度。它采用的是 8 位压缩算法，无损的 webp 比 PNG 小 26%，有损的 webp 比 JPEG 要 25 ~ 34 %。比 GIF 有更好的动画。

• 不适合：它不适合什么样的情况呢？因为它最多显示 256 色。它不适合于彩色照片，就是和 JPEG 那样的色彩丰富的图片，它不太适合。

• 适合：它非常适合于就是常见的图形，还有一些半透明的图像。