简短回答:为了兼容性把 AVIF 转成 JPG,为了透明度转成 PNG
如果你下载了一份 .avif 文件却打不开,解决办法通常很简单:
- 照片、邮件附件、头像、印刷订单、电商刊登、CMS 上传、政府表单,以及任何主要想要一份普通图片文件的场合,使用 JPG。
- Logo、截图、图标、贴纸、商品抠图、UI 稿以及任何带透明背景的内容,使用 PNG。
- 图片留在现代网站上,且该网站已经为旧流程准备了 JPG、PNG 或 WebP 回退,就继续用 AVIF。
最后一点很重要。AVIF 不是一种坏掉的格式。它是一种为 Web 而生、非常高效的图像格式,支持有损与无损压缩、透明度、动画、广色域和 HDR。问题往往出现在文件离开浏览器之后。网页可以干净地显示 AVIF,同一个文件却可能被印刷终端、旧版设计软件、求职表单,或是 AVIF 尚未普及之前搭建的 CMS 字段拒绝。
所以实际要问的不是「AVIF 好不好?」,而是「这份文件接下来到底要去哪儿?」。
为什么 AVIF 文件现在更常见了
AVIF 是 AV1 Image File Format 的缩写。它把静态图像用 AV1 压缩装进一个图像容器里。用大白话说:它能让网页图片明显变小,同时看起来不会明显变差。
因此,图片 CDN、建站工具和注重性能的网站,越来越多地向支持的浏览器分发 AVIF。更小的图像可以减轻页面重量、改善感知速度,并让重要元素更早呈现。MDN 与 web.dev 都建议:在兼容性重要的场景里,配合回退图像使用 AVIF、WebP 这类现代格式。
对浏览者来说这很棒;不那么棒的是当你在网站上右键保存商品图、下载参考图、在聊天里收到一张 AVIF,或从现代管线里导出素材后,需要把它用在一个平淡无奇的场合。
常见的「为什么打不开?」情境包括:
- 学校、签证、求职或政府的上传表单只列出 JPG、JPEG、PNG、PDF。
- 印刷服务接受 JPG 照片,却拒绝原始的 AVIF。
- 同事在被管控的办公笔电上无法预览这份文件。
- 较旧的图像编辑器能导入 PNG 和 JPG,却读不懂 AVIF。
- 邮件客户端把 AVIF 当作附件发出去,而不是内联预览。
- 电商平台的图片上传器先检查扩展名,再看真正的文件内容。
iPhone 的 HEIC 文件也会遇到类似的流程问题:格式本身也许技术过硬,但接收系统仍然挑剔。
AVIF → JPG 还是 AVIF → PNG,按目的地来选
不要凭习惯选 JPG 或 PNG。根据下一个应用或对方需要什么来选。
| 你接下来要做什么 | 最佳输出 | 原因 |
|---|---|---|
| 用邮件发一张普通照片 | JPG | 足够小、常见、便于预览 |
| 上传头像或证件类照片 | JPG | 大多数表单对照片期望 JPEG/JPG |
| 下印刷订单 | JPG | 冲印店和印刷平台通常对 JPG 处理得很好 |
| 保存透明背景的 Logo | PNG | JPG 会移除透明 |
| 导出贴纸、抠图或叠加层 | PNG | 能保留 alpha 通道 |
| 分享含文字与 UI 线的截图 | PNG | 边缘比 JPG 更清爽 |
| 准备网页图片 | 通常保留 AVIF,并配回退 | 现代浏览器上压缩更高效 |
| 归档最初下载的文件 | AVIF 也一并保留 | 转换只是产生副本,并不会得到更好的母版 |
一句话总结:
- JPG 是照片类的兼容性格式。
- PNG 是图形类的兼容性格式。
- AVIF 大多数情况下是现代网站的交付格式。
AVIF vs WebP 更详细地讨论了 Web 分发的权衡,但就转换这一件事来说,多数时候上面的表格就够了。
在 PhotoTools 中把 AVIF 转成 JPG
PhotoTools 在你的浏览器中本地转换 AVIF。也就是说,图像在你的设备上被解码并重新编码,而不是被上传到服务器。对于私人照片、截图、文档、客户资料和内部设计素材,这就是选择浏览器本地转换器而不是随便一个上传工具的主要理由。
生成一份 JPG 副本:
- 打开 AVIF → JPG 转换器。
- 把一个或多个
.avif文件拖到页面上。 - 保持输出格式为 JPG。
- 质量默认保持在 90 % 左右。
- 点击转换。
- 逐个下载文件,或把整批打包成 ZIP 下载。
对多数照片来说,90 % 是低调的中间值:足够高,让结果仍然像原图;也足够低,让文件不会毫无理由地变大。
当目的地对文件大小有严格限制、你又只是分享一张随手拍的照片时,可以用 80–85 % 这样更低的值;当文件要发给客户、进入印刷流程,或对方可能会裁切或仔细看时,可以用 95 % 这样更高的值。不要把 100 % 当成「魔法品质」——它可能让文件明显变大,却并不会让下载来的 AVIF 明显更「原生」。
需要透明时把 AVIF 转成 PNG
当文件包含透明像素或锐利的图形细节时,选择 PNG。包括:
- 透明背景上的 Logo。
- 商品抠图。
- 贴纸和叠加层。
- 含小号文字的截图。
- UI 稿。
- 图标、徽标、示意图。
- 会叠在另一份设计之上的图像。
生成 PNG 副本,请打开 AVIF → PNG 转换器,拖入 AVIF 文件,转换后下载 PNG。
PNG 不使用与 JPG 相同的质量滑块逻辑。对于解码后的像素而言,它是一种无损导出格式,因此擅长保留边缘和透明。代价是体积。一张很小的 AVIF 照片可能变成非常大的 PNG——PNG 并不像 AVIF 或 JPG 那样是为压缩照片细节而设计的。
如果导出的 PNG 看起来非常大,在压缩它之前先问自己一个问题:这张图真的需要透明吗?如果不需要,一份 JPG 副本通常是更合适的兼容性文件;如果需要,就保留 PNG,只有当接收端有大小限制时才缩小尺寸。
透明背景会发生什么
许多 AVIF 转换失手的地方就在这里。
AVIF 能保存透明。PNG 能保存透明。JPG 不能。
把一张带透明的 AVIF 转成 JPG 时,透明像素必须变成普通像素。取决于导出器和查看器,结果可能出现在白色、黑色或其他纯色背景上。哪怕在白色页面上的预览看起来还行,一旦有人把它放到彩色设计上,文件也不会再是透明的。
用这个简短的检查:
- 如果图像是一张没有透明抠图的照片,JPG 没问题。
- 如果图像要叠在另一个背景上,就用 PNG。
- 如果转换后抠图边缘发白、发锯齿或像被方框框住,请用 PNG 导出,并在浅色和深色背景上都预览一下。
这对商品图、水印、创作者贴纸和 Logo 文件尤其重要。在白色邮件里没问题的 Logo,放在深色幻灯片上可能就会显得破损。
色彩、HDR 与广色域会发生什么
AVIF 能承载比基本 JPG 流程更高级的图像数据,在有能力的管线中甚至包括高动态范围与广色域。官方 AVIF 文档也描述了对透明度、动画和分层图像等用例的支持。
在浏览器 canvas 上转换时,浏览器会解码源图像、绘制可见像素、导出一份新文件。这对兼容性来说很有用,但并不等同于保留原始 AVIF 容器的全部内容。HDR 或广色域素材在普通浏览时可能会被色调映射或标准化,具体取决于浏览器、显示器和导出路径。
对于日常的网页下载和普通照片,这通常不是实际问题。很多时候,转换后的 JPG 或 PNG 其实就是正确的实用输出,因为接收端的应用本身也在期待一张普通的 SDR 图像。
以下情况请更谨慎:
- AVIF 来自专业的 HDR 工作流程。
- 你在准备电影、3D、产品配色或显示器校准的素材。
- 你需要把这份文件作为长期母版。
- 接收方会比对精确的色彩数值,而不仅仅是看图。
在这些情况下,请保留原始 AVIF,仅把 JPG 或 PNG 作为兼容性副本导出。
转换后的文件为什么可能更大
大家默认转换会让文件变小。对 AVIF 而言,常常反过来。
AVIF 已经高度压缩。一张 300 KB 的 AVIF 照片,高质量 JPG 可能变成 700 KB,PNG 甚至可能到好几 MB。这并不意味着转换器出了问题,而是你把一种现代压缩格式换成了兼容性格式。
参考预期:
- AVIF → JPG: 通常比 AVIF 大,但对照片来说仍然合理。
- AVIF → PNG: 对照片通常大得多,但对透明图形是对的。
- 保持为 AVIF: 用于现代 Web 分发时通常最好。
如果最终 JPG 对上传表单来说太大,先降低 JPG 质量;如果仍然太大,再在转换后缩小尺寸。文件大小限制通常同时和压缩率与像素数量有关。
2026 网站图像格式指南讨论了什么时候 AVIF 应当继续留在 Web 管线里,而不是被转换掉。
批量转换 AVIF 而不弄成一团糟
批量转换很有用,但如果文件夹里照片和图形混在一起,就很容易做出错误的批量决定。
在转换 50 个文件之前,先扫一眼缩略图,把它们分成两组:
- 照片、人像、商品图、背景图 → 转成 JPG。
- Logo、截图、图标、贴纸、叠加层、透明抠图 → 转成 PNG。
然后做个小测试:
- 把一张照片以 90 % 转成 JPG。
- 把一份透明或图形文件转成 PNG。
- 打开这两个输出。
- 检查文件大小、透明度和边缘质量。
- 样本看着没问题,再去转换其余的。
PhotoTools 支持一次拖入多个 AVIF 并把结果打包成 ZIP 下载,所以慢的不是转换本身,慢的是在建出一整个还得返工的文件夹之前,先选对目标格式。
隐私与元数据
转换器在浏览器中运行。你的 AVIF 文件在本地被解码,被绘制到 offscreen canvas 上,然后通过浏览器的图像导出 API 输出成新的 JPG 或 PNG blob。隐私上的实际好处很简单:转换过程中不需要把原始文件上传到服务器。
这条重新编码的路径也意味着输出是一份由像素重新拼出的新图像文件。原始容器中内嵌的元数据,例如相机信息或其他非像素信息,通常不会像那些保留元数据的桌面编辑器那样被完整带过来。
在你想要一份干净的兼容性副本时,这一点很方便;但它并不能取代归档式的工作流程。如果原始元数据很重要,请保留 AVIF。
PhotoTools 也有一份独立的元数据指南,可以在分享之前检查照片里都包含什么。
AVIF 转换问题排查
AVIF 在转换器里加载不出来。
试试新版本的 Chrome、Edge、Safari 或 Firefox。如果仍然失败,文件可能是损坏、不完整、扩展名有误,或以浏览器无法解码的方式编码的。
JPG 出现了白色或纯色背景。
如果原图带透明,这是预期结果。改为导出 PNG。
转换后的 JPG 太大。
把 JPG 质量降到 85 % 左右,然后在人们实际看到的尺寸下检查图像。如果仍然太大,就缩小图像尺寸。
PNG 巨大无比。
PNG 大概不是整张照片的正确输出。没有透明就用 JPG;只有当透明或锐利的图形边缘重要时才用 PNG。
颜色看起来不一样。
把 AVIF 作为源保留,换一个浏览器再试,并在目的地应用中测试文件。如果图像来自 HDR 或广色域流程,兼容性用的 JPG 或 PNG 可能无法保留同样的外观。
上传表单仍然拒绝转换后的文件。
检查扩展名、文件大小、像素尺寸和色彩模式要求。有些表单会拒绝有效的图像文件,只因为超出大小上限或尺寸不在允许范围内。
转换完还要留着 AVIF 吗?
通常要留。
把 JPG 和 PNG 当作交付副本:它们为某个特定目的地解决兼容性问题,但并不会让原始 AVIF 变得更好,JPG 的导出也不是母版文件。
以下情况请保留 AVIF:
- 文件来自你自己的导出管线。
- 以后可能还要做另一版。
- 图像是现代网站的一部分。
- 你在乎 Web 分发的最小体积。
- 源文件可能包含你不想丢失的透明、HDR、广色域或元数据。
只有当它本就只是一份图方便的下载文件、你也只需要转换后的副本时,才删掉 AVIF。
参考的技术资料
本指南参照以下一手资料和面向开发者的资料复核过:
- Alliance for Open Media 的 AVIF 概述 —— 透明、HDR、广色域、动画和浏览器支持等能力。
- AV1 Image File Format v1.2.0 规范 —— 容器与功能的正式模型。
- MDN 图像文件类型与格式指南 —— 面向浏览器视角的格式行为与回退建议。
- web.dev 图像性能指南 —— 在配合兼容回退的前提下使用 AVIF 等现代格式。
- MDN OffscreenCanvas convertToBlob() 文档 —— 浏览器端图像导出行为。
用大白话概括:优化网站时保留 AVIF;普通照片要在保守流程里工作时转成 JPG;透明或锐利的图形细节重要时转成 PNG。