跳到主要内容
ImgBench

JPEG、PNG、WebP 与 AVIF 详解

四种格式几乎覆盖了所有场景,而每一种都在某个特定情况下胜出。下面说明是哪种情况,以及为什么。

最后更新: 2026-10-11

对比

格式压缩方式透明通道最适合需要注意
JPEG有损,效率高不支持照片、最大兼容性锐利边缘和文字周围会有瑕疵
PNG无损,文件较大支持,完整 alpha截图、Logo、扁平化图形用于照片时体积非常大
WebP有损或无损支持,完整 alpha现代网页上几乎一切场景较旧的软件可能打不开
AVIF有损或无损,效率很高支持,完整 alpha网页分发时体积最小编码较慢;浏览器支持情况不一

JPEG:仍然稳妥的默认选择

JPEG 作为照片的标准已经三十年,至今仍是可以随处打开的格式——任何浏览器、任何手机、任何印店、过去三十年里的任何软件。它的弱点是:不支持透明,而且会模糊精细细节——文字和硬边缘周围会出现淡淡的光晕。

当一张照片需要随处都能打开,并且文件中不会有锐利的文字或透明需求时,就用 JPEG。

PNG:用于一切非照片的图像

PNG 精确存储每一个像素,因此非常适合截图、界面图形、Logo 和示意图——那些颜色扁平、边缘清晰、JPEG 的模糊会格外明显的图像。它还支持完整的透明通道,所以 Logo 可以拥有干净的镂空背景。

代价是体积。一张照片存成 PNG,可能是同一张图存成 JPEG 的五到十倍,因为照片的细节恰恰是无损压缩无法利用的东西。截图存 PNG:可以。照片存 PNG:通常是个错误。

WebP:务实的现代之选

WebP 同时支持有损和无损压缩,并且在两种模式下都支持完整的透明通道。实际上,有损 WebP 通常比同质量的 JPEG 小 25–35%,而带透明的 WebP 又比同一张图的透明 PNG 小得多。

当前的各大主流浏览器都支持它。唯一需要留意的实际问题是与较旧的桌面软件及部分排版系统的互操作性:如果客户或印刷流程需要直接打开这个文件,用 JPEG 或 PNG 更稳妥。

AVIF:文件最小,注意事项最多

AVIF 在同等质量下通常能生成四种格式中最小的文件,这也是大型网站采用它的原因。问题在于编码:它的计算开销很高,因此速度慢,而且浏览器支持——尤其是编码方面的支持——各不相同。有些浏览器能显示 AVIF,却无法生成它。

正因如此,本站只有在你的浏览器真正能够编码 AVIF 时才会提供该选项。一次看起来成功、实际上却悄悄生成了 PNG 的转换,还不如根本没有这个选项。

透明通道,以及它的代价

如果你的图片有透明区域,而你要把它转成 JPEG,那些区域就必须变成某种东西。约定俗成的做法是变成白色。这是一处刻意的、可见的变化:它不是缺陷,而把这件事藏在“成功”提示背后的工具,是在对你说谎。当目标格式无法存储透明通道时,本站会把透明区域填成白色,并在你选择该格式之前,在格式说明里讲清楚。

如果你需要保留透明,请选择 PNG、WebP 或 AVIF。其中 WebP 通常是在体积与兼容性之间最平衡的选择。

EXIF 方向:看不见的陷阱

手机相机常常把照片以横向存储,并在文件的 EXIF 元数据里记录一个旋转标记,告诉查看器“请侧过来显示”。大多数图像软件会遵循这个标记;有些会忽略它,照片就这样在一轮往返之后莫名其妙地转向了。

因此,同样两个文件,可能因为打开它的工具不同而显示方向不同。本站会在解码阶段就应用 EXIF 方向信息,所以它处理所用的像素与你实际看到的一致——而输出里也不会留下任何隐藏的旋转,去坑害下一个打开它的程序。

格式上的限制,以及原因

  • GIF —— 动图 GIF 会丢失动画,而静态 GIF 相对 PNG 没有任何优势。与其悄悄把它压平成一帧,不如直接拒绝。
  • SVG —— 一种没有固定像素的矢量格式,所以只在SVG 转 PNG页面按你指定的尺寸渲染;其它工具会拒绝它,因为栅格化恰恰会丢掉矢量图之所以有用的那一点。
  • HEIC / HEIF —— 许多 iPhone 拍摄所用的格式,桌面浏览器大多无法原生解码。本站内置了解码器,可以用HEIC 转 JPG页面直接转换,不必先自己导出。
  • TIFF —— 没有任何浏览器的图像解码器支持它。

GIF 与 TIFF 会在你加入文件的那一刻,直接在文件上显示为带有原因的明确拒绝——而不是稍后失败,或产生一个损坏的结果。SVG 与 HEIC 各有专用页面,那里会说明它们被怎么处理。

实际操作中的选择

  1. 为网页而拍的照片?以质量 0.80 转成 WebP。
  2. 带透明的 Logo 或图形?兼容性允许就用 WebP,否则用 PNG。
  3. 截图?保留 PNG。
  4. 必须在任何环境都能打开的东西?JPEG。
  5. 还在抠最后那几 KB?如果文件是直接用于网页,试试 AVIF。

打开批量格式转换工具,把上面任何一条一次性应用到一个文件夹。

继续阅读