如何选择正确的图片格式

图片是网站、app不可或缺的重要组成部分，其中位图更是占了图片的绝大多数，本文主要讨论各种位图格式的特点和适用场景，希望能为大家选择图片格式提供一些帮助。

常见的位图图片格式有： png、jpg、bmp、gif、webp、tpg、heif等，我们看下不同格式图片的特点：

1.png图片的特点：

1)PNG使用无损压缩逻辑

2)png具有透明通道

2. jpg图片的特点：

1)jpg是一种有损的压缩格式，通过调整质量参数，可以得到不同压缩比的图片。

2)jpg图片没有透明通道，不支持图片透明。

3)jpg比较适合存储相机拍出来的照片。

3.bmp图片的特点：

bmp格式存储的图像信息较丰富，几乎不进行压缩，因此图片体积偏大，很少在互联网应用上见到此格式图片。

4.gif图的特点：

1)gif是一种8位无损格式，最多仅支持256种颜色。

2)可以保存多帧图像，并且有参数能控制播放的速度。

5.webp图片的特点：

1)具有无损和有损两种格式。

2)无损图片大小比PNG图片小26%。WebP有损图片大小比JPG图片小30%左右。

3)支持透明通道，支持动图。

4)不是所有的浏览器都支持webp。

6.tpg图片的特点：

1)压缩效率比JPG高 47%， 比PNG高60%，比Gif高85%，比WebP高25%

2)支持透明通道，支持动图

3)在集成了x5内核集成了解码模块，因此支持x5内核的浏览器可以直接使用，其他端需要集成sdk。

7.heif图片的特点：

1)支持有损和无损编码。

2)压缩比高，图片大小相比jpg图片小50%以上。

3)支持高达16bit色深保存，画质优势明显

4)heif存储内容丰富，不局限于缩略图、exif、元数据等信息，还可以保存并显示各种各样的数据信息。

5)目前iOS 11、安卓P以上，以及部分windows 10系统可以支持heif格式。

8.guetzli图片的特点：

1)guetzli不是一种图片格式，只是对jpg图片的一种编码优化，使用guetzli编码后的图片相比原jpg图片，可以做到视觉无损，同时体积得到较大幅度降低（图片质量越高降低幅度越大，90质量图片体积可降低40%左右）。

2)guetzli编码耗时很长，通常在秒级甚至数十秒，因此一般需要预处理或异步处理。

图片格式这么多种，如何选择合适的图片格式呢？下图给出一些参考建议：

图片格式选择的一些依据：

1、Heif格式作为新一代的图片格式，具有强大的优势，推荐在适配的设备和os上首选。

2、腾讯自研的Tpg和google的webp，集成了png、jpg、gif图的功能，同时压缩比优秀，性价比很高，推荐在符合要求的平台、设备上使用。

3、Guetzli作为对jpg图片的视觉无损优化，没有平台兼容性的问题，可以覆盖上述格式不能覆盖的场景，可以作为补充为业务图片做到全站瘦身。

上文提到的图片格式，腾讯云的数据万象产品都提供了云端的转码服务，业务可以根据自身需求，选择适合自己场景的图片格式。