跳到主内容
图片处理 6 分钟阅读

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 都会丢失。需要这些信息就保留原始文件。

本文相关工具

更多指南