经常存图、做 PPT、做网站、发朋友圈，都会遇到一个问题：这图该存成什么格式？JPG、PNG、GIF、WebP、SVG、AVIF 一堆后缀，到底差在哪、什么时候用哪个？这篇一次讲清楚。
先分两大类：位图和矢量图
图片格式先分两大类，这是理解一切的基础：
位图（点阵图）：由一个个像素格子拼成，放大后会模糊、出现锯齿。常见的 JPG、PNG、GIF、WebP、AVIF 都是这一类，适合照片、截图、复杂画面。
矢量图：用数学公式记录线条和形状，放大多少倍都不模糊。代表是 SVG，适合 Logo、图标、字体、示意图。
最常用的几种位图格式
JPG / JPEG —— 照片首选
有损压缩，体积小，但压缩时会丢掉一些细节，反复保存会越来越糊。不支持透明背景。适合：照片、摄影图、颜色丰富的图片。缺点是文字、边缘锐利的图会有压缩噪点。
PNG —— 需要透明背景就用它
无损压缩，画质好，支持透明背景（PNG-24 还支持半透明渐变）。缺点是体积比 JPG 大。适合：Logo、图标、带文字的截图、需要抠图/透明底的图。注意存图别把照片存成 PNG，会白占体积。
GIF —— 动图专用
最多 256 种颜色，画质差，但能存简单动画。只用来存动图，静态图用它纯粹是浪费还丑。现在动图很多场景被 WebP 动图、MP4 取代。
WebP —— 现代网页首选
谷歌推出，同时支持有损和无损，还支持透明和动画。同样画质下体积比 JPG 小 25%~35%。适合：网页、微信、公众号、APP 里的图，现在几乎所有浏览器都支持了，做网站强烈建议用它。
AVIF —— 下一代更省
基于 AV1 编码，压缩率比 WebP 还高，画质更好，尤其在低体积下优势明显。缺点是老浏览器、老系统兼容性略差，生成也慢。适合：追求极致省流量的网站大图。
BMP —— 基本淘汰
Windows 自带的无压缩位图，体积巨大，没什么实际用途，除了某些老软件的默认格式，能不用就不用。
TIFF / HEIC —— 专业和手机
TIFF 是无损专业格式，体积大，印刷、出版、摄影后期用。HEIC 是苹果手机默认格式，体积小画质好，但 Windows、一些老软件打开麻烦，要传电脑常得转成 JPG。
矢量图：SVG
用代码描述图形，体积小、无限放大不糊、还能改颜色。适合：Logo、图标、插画、示意图、网页装饰元素。缺点是不适合存照片和复杂位图。做网站图标建议用 SVG 而不是 PNG。
一张表记住怎么选
- 照片、彩色大图 → JPG；上网用 → WebP 或 AVIF
- 要透明背景、Logo、截图 → PNG；图标、矢量图形 → SVG
- 简单动图 → GIF 或 WebP 动图
- 专业印刷、无损存档 → TIFF；苹果手机格式 → HEIC
一句话总结
别纠结：普通照片用 JPG、上网传图用 WebP、要透明底用 PNG、Logo 图标用 SVG、动图用 GIF。记住这五条，日常就够用了。
