图片格式为什么有这么多？JPG、PNG、GIF、WEBP、SVG、HEIC、TIFF到底有什么区别？

电脑维修

1. JPG / JPEG：为了让图片变小，牺牲一点画质

先说一个很多人容易搞混的，JPG和JPEG其实是同一种格式。JPEG是它的正式名称，JPG只是后来常用的文件扩展名。之所以出现“JPG”这个名字，主要是因为早期一些Windows系统对文件扩展名的长度有限制，而JPEG有4个字母，于是就缩成了JPG。

JPG本质上是一种图片压缩算法。它诞生的目的很简单：在保证“看起来差不多”的情况下，让图片占用更少空间。JPG做的事情就是把人眼不太容易察觉的细节进行压缩。例如把相近的颜色合并处理。这样图片就变小了，不过代价就是部分画质永久损失。

9.8M

3M

（左边原图为9.8M，右图3M，如果不放大看，两张图肉眼看上去差不多）

2.PNG：保证图片质量，还能保存透明背景

与JPG不同，PNG支持透明背景。同时PNG采用的是无损压缩算法，不会丢弃任何图像数据，因此能保留极高的画质，但代价就是比JPG要大得多

JPG（白底）

PNG（透明）

（右图的png是假png，仅为了展示两者区别）

3. GIF：为了让图片动起来

也就是我们常说的动图，GIF最早出现时，解决的问题不是高清图片，而是如何让一张图片包含多个画面？所以GIF实际上是一组连续播放的图片。

GIF中包含的每张图像都被称为一帧，GIF中的帧会按照排列顺序依次播放，当播放完最后一帧时，便会开始重头播放。GIF文件中的帧数没有特定限制，其文件大小通常很大程度上取决于内含的帧数，帧数越多，文件体积就越大。

JPG

GIF

4.WEBP：让网页加载更快

WEBP是Google推出的一种图片格式。它诞生的背景是因为网页图片越来越大，影响加载速度。以前网站主要使用JPG。但是高清图片越来越多，网页打开速度越来越慢，所以WEBP希望做到图片质量接近JPG，但文件更小。

WEBP结合了很多优点，像JPG文件小，支持透明背景，支持动图。所以现在很多网站图片你右键保存下来，可能发现是xxx.webp。但是它的问题是兼容性没有JPG那么强，一些老软件可能打不开。

JPG：3M

WEBP：750kb

5.SVG：不是图片，而是一段绘图代码

SVG和JPG、PNG有一个很大的区别，JPG、PNG保存的是一个个像素，就像马赛克拼图，是一堆小色块拼出来的。

SVG 不一样，它不是存色块，是存 “画图指令”。好比你跟电脑说在这里画一个圆，圆心在哪里、半径多大、填什么颜色。电脑显示这个圆的时候，就根据这些信息重新画一遍，所以很适合用在 logo、图标这类图形，但不太适合用来存放细节繁多的照片。

无论放大多少倍依旧清晰

6.HEIC：手机为了节省空间发明的新格式

HEIC是苹果设备比较常用的一种图片格式，很多iPhone用户在把照片传到电脑时可能会遇到它。它最大的特点是在保持较好画质的同时，可以把照片压缩得比JPG更小，因此同样拍一张照片，HEIC通常比JPG占用更少的存储空间。

它还支持透明度、动态图片等功能，不过最大的一个问题就是兼容性不如JPG，尤其是在一些Windows电脑、老软件或网站上传时，可能会出现打不开或不支持的情况。所以如果只是自己在苹果设备上保存照片，HEIC很省空间；如果需要经常传给别人、上传网站，通常转换成JPG会更方便。

JPG：3M

HEIC：750kb

7.TIFF：保留更多原始信息，方便后期处理

TIFF 可以理解成一种更注重画质、但不太在乎文件大小的图片格式。它通常会保留非常完整的图像信息，所以图片放大、修改、打印时都比较有优势，但代价就是文件往往比较大。简单来说，JPG 是想办法把图片变小，TIFF 则更像是“先把画质保住再说”，所以它更常出现在印刷、摄影和专业设计这些对画质要求比较高的场景里。

JPG：3M

TIFF：60M

如果这篇文章解决了你的小麻烦，

麻烦请点个赞支持一下吧，

您的鼓励就是我最大的动力。

我是【拒绝加班指南】，

不讲废话、直接上图，专治电脑各种不服。

关注我，每天陪你早下班半小时！