JPEG、PNG、WebP、AVIF 怎么选?图片格式选择指南
JPEG、PNG、WebP、AVIF 该怎么选:透明通道、有损与无损、压缩率与兼容性如何权衡,各自适合什么场景,以及转格式会不会掉画质。
更新于 2026-09-11
选图片格式其实只要回答两个问题:这张图需要透明通道或像素级保真吗?它必须在多老的环境里打得开?JPEG 是通用默认项,PNG 负责锐利图形和透明,WebP 在网页上可以同时替代前两者,AVIF 压得最狠但支持面最窄。
下面讲清每种格式擅长什么、常见任务该用哪一种,以及格式互转会不会伤画质。
两个问题决定大部分选择
格式选择看着像个人口味,其实不是。真正起决定作用的是两个属性:这张图需不需要透明通道(alpha),以及它能不能接受有损压缩。体积、兼容性和工具支持基本都由这两点决定。
- 透明通道:logo、图标、抠好的商品图、界面叠层都需要 alpha。JPEG 存不了,PNG、WebP、AVIF 可以。
- 保真度:截图、含大量文字的图、线稿,以及以后还要再编辑的文件,应该保持无损。照片不需要。
- 兼容性:如果文件要在老版 Windows 软件、冲印店的流程、政务表单或邮件客户端里打开,答案只有 JPEG 和 PNG,更新的格式都不行。
- 体积:如果文件是通过网络送到浏览器,新编码可以小得多,同时给老环境留一份回退格式。
最常见的误区是把这几个问题当成一个问题。把 JPEG 转成 PNG 并不会让它变好——损失在第一次保存时就已经产生——只会让文件更大。把截图转成 JPEG 也不会让它变成照片,只会让文字发虚。
格式对照
| 格式 | 透明通道 | 有损/无损 | 浏览器兼容性(大致情况) | 典型用途 |
|---|---|---|---|---|
| JPEG | 不支持 | 有损 | 所有浏览器和几乎所有软件都能开 | 照片、网页配图、邮件、上传、打印 |
| PNG | 支持,含半透明 | 无损,另有调色板模式 | 所有浏览器 | 截图、logo、图标、线稿、透明图 |
| WebP | 支持 | 有损和无损都支持,还能做动图 | 现代浏览器普遍支持,支持时间早于 AVIF | 网页配图和商品图,可替代 JPEG 与 PNG |
| AVIF | 支持 | 有损和无损都支持 | 比 WebP 晚、覆盖更窄:只有较新的浏览器支持,老软件常常打不开 | 对体积要求极致的网页图片,需配回退 |
| GIF | 支持,但只有全透明或不透明,没有半透明 | 在 256 色调色板内无损 | 所有浏览器 | 短动图、表情包 |
| BMP | 基本不支持 | 实际上不压缩 | 系统大多能读,但不是网页发布格式 | 老式 Windows 程序、中间文件 |
| TIFF | 视具体变体而定,多数支持 | 可以无损也可以有损 | 多数浏览器无法直接显示 | 印刷、扫描、归档 |
表里有两行讲的其实是信任问题,不是画质问题:PNG 通行是因为它在 90 年代就成了标准,AVIF 覆盖窄纯粹是因为出现得晚。文件要在别人的机器上打开时,被支持了多久比编码多先进更重要。
有损、无损到底是什么
无损指的是解码后能还原出和输入完全相同的像素,文件可以反复打开另存也不会退化,因为编码器只去掉了统计上的冗余。PNG、无损 WebP、无损 AVIF 和无损 TIFF 都属于这一类。
有损指的是编码器丢掉了它判断你不会注意到的细节,主要是高频信息,比如细腻的纹理。JPEG、有损 WebP 和有损 AVIF 都这么做,对照片来说体积小得多。损失一旦写进文件就固定了,后面做什么都拿不回来。
- 截图、界面、文字、示意图、logo、扫描件,以及以后还要继续编辑的文件,用无损。
- 照片和有大片平滑渐变的图,用有损,肉眼对这类内容更宽容。
- 无损不等于小:同一张照片,PNG 通常比高质量 JPEG 大得多。
- 有损也不等于明显损坏:参数合理时正常尺寸下看不出瑕疵,只有放大或反复重压才会显出来。
常见任务该用哪种
| 任务 | 推荐格式 | 原因 |
|---|---|---|
| 网页配图和头图 | WebP;追求极致可用 AVIF 加 WebP 或 JPEG 回退 | 体积最小,同时不牺牲覆盖面 |
| 截图和界面截图 | PNG,网页上也可用无损 WebP | 文字和锐利边缘保持清晰 |
| 电商主图 | 多数平台要 JPEG,先看平台规则 | 平台通常干脆规定 JPEG |
| 印刷 | TIFF 或高质量 JPEG,先问印厂 | 接近无损的母版才能顺利过印刷流程 |
| 归档和母版 | 无损副本用 TIFF 或 PNG,同时保留原始 raw 或 HEIC | 你需要一个多年后还能重新导出的文件 |
在电商平台和政务表单上,明文规定通常压过技术上更优的选择。把要求看清楚:一般会写明格式、体积上限和像素尺寸。写着 JPEG、100KB 的入口,就是在告诉你带透明背景的 PNG 过不了。
什么时候该转格式,什么时候不该
目标环境读不了手上的文件时,就该转:
- 某个入口、印厂或旧程序只收 JPEG 或 PNG,而你的文件是 WebP、AVIF、HEIC 或 TIFF。
- 页面上的图片太大,而你可以换用新格式,同时不给老浏览器添麻烦。
- 需要透明而文件没有,此时目标是 PNG 或 WebP。
- 平台卡体积,换格式就能在不改像素的前提下过关。
这些情况下不该转:
- 指望画质变好。重新编码不会增加细节,JPEG 存成 PNG 还是原来那些细节,只是文件更大。
- 只是想变小,而现在的格式已经够高效。压缩参数比扩展名更关键。
- 文件是动图而目标是静态格式:你只会拿到第一帧,动画没了。
转格式会不会掉画质
这取决于转换的方向。
| 转换方向 | 画质影响 | 说明 |
|---|---|---|
| 无损到无损,例如 PNG 转无损 WebP | 没有损失 | 像素完全一致,只是编码方式变了 |
| 有损到无损,例如 JPEG 转 PNG | 不会更差 | 同样的画面文件更大,所以很少值得做 |
| 无损到有损,例如 PNG 转 JPEG 或 WebP | 会有损失 | 锐利边缘和文字最先受影响,照片不容易看出来 |
| 有损到有损,例如 JPEG 转 WebP、AVIF | 叠加一代损失 | 质量给高时通常看不出来,而文件往往明显变小 |
有两个细节容易忽略。第一,每一次有损重编码都是累加的:同一张照片反复转来转去会一次比一次差,所以永远从手上最好的原件开始转。第二,本站这类工具是解码到画布再以 8 位重新编码,所以更高位深的数据(例如 10 位 HDR)不会保留,拍摄时间、机型、GPS 也会被去掉——画布不携带 EXIF。
在浏览器里怎么操作
本站的四个转换工具——图片转 WebP、转 AVIF、转 JPEG、转 PNG——共用同一套浏览器内实现,行为是一致的:
- 不上传任何文件。解码和编码都在你的浏览器里完成;HEIC 由本站自托管的 libheif WebAssembly 解码器处理,用时才下载。
- 输入支持 HEIC、HEIF、PNG、JPEG、WebP、AVIF、BMP、TIFF、ICO 和 SVG,单个文件不超过 50MB;TIFF 和 HEIC 各有内置解码器。
- 可以一次选多张,逐张下载或打包成一个 ZIP。
- 质量滑块只对有损输出生效,也就是 JPEG、WebP、AVIF;PNG 和 BMP 会忽略它。换句话说,本站输出的 WebP 与 AVIF 都是有损的;需要无损请选择 PNG 输出。
- 能不能输出某个格式,取决于浏览器是否支持该格式的编码能力。按体积压缩的工具在 WebP 编码不可用时会回退到 JPEG;AVIF 编码出现更晚,没有回退方案,老浏览器上可能直接失败。
- 转格式不会改变像素尺寸,卡宽高的限制要另外缩放。
选格式与其说是画质问题,不如说是兼容性问题:目标环境能打开的最老格式最稳妥;文件经网络送到你控制不了的浏览器时,就在对方能接受的范围内挑最新的。需要换格式时,本站的图片转 WebP、转 AVIF、转 JPG、转 PNG 工具都在本地完成,支持批量,文件不会上传。
常见问题
WebP 和 AVIF 该选哪个?
同样画质下 AVIF 通常体积更小,但 WebP 的支持面更广,老浏览器也认。两端都由你控制时,用 AVIF 加 WebP 回退最划算;如果是把文件发给某个人或交给某个服务,WebP 是更稳妥的现代选择,JPEG 最保险。
把 JPEG 转成 PNG,画质会变好吗?
不会。JPEG 已经丢掉的细节回不来,PNG 文件通常还会大好几倍。只有在需要透明背景,或者从这一步开始要无损编辑时,才选 PNG。
为什么同事打不开我发的 WebP 或 AVIF?
因为对方的浏览器或软件早于该格式被支持的时间。WebP 的支持时间更长、范围更广,但两者在真正老旧的软件里都不行。改发 JPEG 或 PNG。
干脆所有图都用 JPEG 行不行?
发给别人的照片,多数情况可以,因为它到处都能开。自己站点上的图片,用 WebP 或 AVIF 再配一份 JPEG 回退,既能减小体积又不丢覆盖面。截图、透明图和文字图,JPEG 都是错误选择。
转格式会改变尺寸或元数据吗?
尺寸不会变,像素原样复制。元数据会变:转换经过画布,而画布不携带 EXIF,所以拍摄时间、机型和 GPS 都会丢失。需要这些信息就保留原始文件。
本文相关工具
图片转 WebP 转换器
在线把 HEIC、PNG、JPG、AVIF、BMP、TIFF、ICO 转成 WebP。同等观感下通常比 JPG 更小,画质可调。100% 本地处理——支持打包 ZIP 下载。
图片转 AVIF 转换器
在线免费将 HEIC、PNG、JPG、WebP、BMP、TIFF、ICO 转换为 AVIF。同等观感下 AVIF 通常比 JPG 更小,输出画质可调。100% 本地处理。
图片转 JPG 转换器
在线免费将 HEIC、PNG、WebP、AVIF、BMP、TIFF、ICO 转换为 JPG。支持可调压缩质量与批量 ZIP 打包下载。100% 本地处理,文件不离开浏览器。
图片转 PNG 转换器
在线免费将 HEIC、JPG、WebP、AVIF、BMP、TIFF、ICO 转换为 PNG。支持透明背景、批量转换与 ZIP 打包下载。100% 本地处理,无需上传。