AVIF 转 WebP

AVIF 是什么？

AVIF（AV1 Image File Format，AV1 图像文件格式）是一种现代图片格式，于 2019 年由开放媒体联盟（Alliance for Open Media）发布，与 AV1 视频编码同源。它基于 AV1 帧内编码技术，压缩效率极为出色，在同等视觉质量下文件体积通常比 JPG 小约 50%。AVIF 同时支持有损和无损压缩、广色域、HDR（高动态范围）、12 位色深以及 Alpha 透明通道，是当前技术能力最强的图像格式之一。

正因如此，AVIF 已被 Netflix、Google 图片、Cloudflare 等主流平台作为下一代 Web 图片格式采用。但 AVIF 仍属于较新的格式：解码需要现代浏览器（Chrome 85+、Firefox 93+、Safari 16+），许多旧版软件、内容管理系统、图像编辑器和邮件客户端根本无法打开 .avif 文件。将 AVIF 转换为 WebP，是在保留现代压缩能力的同时、获得更广泛软件与工具链兼容性的可靠方式。

WebP 是什么？

WebP 是 Google 于 2010 年推出的现代图片格式，专为 Web 场景设计。它使用 VP8 视频编码技术，单一格式即可同时支持有损和无损压缩。WebP 有损文件通常比同等视觉质量的 JPG 小 25–35%，无损文件比 PNG 小约 26%。WebP 还支持 Alpha 透明通道（甚至可配合有损压缩使用）和动画，是功能全面的 Web 图片格式。

WebP 被所有现代浏览器支持——Chrome、Edge、Firefox、Safari、Opera 以及绝大多数移动端浏览器，并被大部分图像编辑器、CMS 平台、CDN 服务商和开发工具所支持。它已成为 Web 性能优化的默认格式。将 AVIF 图片转换为 WebP，能在保持较小文件体积的同时，最大化跨浏览器、框架与图像处理工具链的兼容性。

AVIF 与 WebP 对比

AVIF 与 WebP 都是旨在超越 JPG 与 PNG 的下一代图片格式。它们有许多共同点——有损/无损模式、透明、动画——但在压缩效率、诞生时间和生态支持方面存在差异。下表汇总了 AVIF 与 WebP 的关键区别：

特性	AVIF	WebP
发布年份	2019 年	2010 年
压缩效率	同级最佳（基于 AV1）	极佳（基于 VP8，比 JPG 小 25–35%）
最大色深	12 位、广色域、HDR	8 位、sRGB
透明通道	支持（Alpha 通道）	支持（Alpha 通道）
动画	支持（图像序列）	支持（动态 WebP）
无损模式	支持	支持
浏览器支持	仅现代浏览器（Chrome 85+、Firefox 93+、Safari 16+）	所有现代浏览器（Chrome 32+、Firefox 65+、Safari 14+）
软件 / 工具链支持	有限（需较新编辑器、库）	成熟（多数编辑器、CMS、CDN、构建工具）
编码速度	较慢（编解码器更复杂）	较快

简而言之，AVIF 在压缩率和图像质量特性上更胜一筹，而 WebP 文件略大，但拥有更广泛的工具链支持和更快的编码速度。将 AVIF 转换为 WebP，只需牺牲少量压缩效率，就能换取更广泛的浏览器、框架和图像处理流水线兼容性。

何时需要 AVIF 转 WebP

在很多实际场景中，将 AVIF 图片转换为 WebP 都是明智的选择。只要您的工具链、框架或目标用户能从更广泛的 WebP 支持中受益，一次快速的 AVIF 转 WebP 转换就能解决问题：

• 更广泛的浏览器支持。WebP 在 Safari 14+ 及更旧版本的浏览器中可用，而 AVIF 解码能力未必具备，能让更多用户看到图片。
• CMS 与平台兼容性。WordPress、Drupal、Shopify、Strapi 等 CMS 平台拥有成熟的 WebP 流水线，但对 AVIF 的支持有限。
• 图像处理库。许多图像库（Pillow、ImageMagick、sharp）和 SaaS API 对 WebP 的支持比对 AVIF 更可靠、功能更丰富。
• 构建流水线与 CDN。多数 CDN（Cloudflare、CloudFront、Akamai）和构建工具（webpack、Vite、Next.js）对 WebP 提供一等公民支持。
• 更快的编码速度。AVIF 编码计算量较大，WebP 编码更快，在批量转换或即时缩放时更为重要。
• 邮件与文档流程。办公软件和邮件客户端渲染 WebP 的概率高于 AVIF，不过若追求最大兼容性，JPG 仍是最稳妥之选。

建议尽量保留原始 AVIF 文件作为母版——它体积更小、画质更高。当您需要更广泛的工具链和浏览器支持、同时保持较小文件体积时，再使用 WebP 导出。

如何将 AVIF 转换为 WebP

使用本工具将 AVIF 图片转换为 WebP 只需几秒，且全部在浏览器内完成。无需上传、无需注册、无需安装。请按以下四步操作：

1. 上传 AVIF 文件。点击上传区域，或从电脑拖拽一个 .avif 文件到此处。图片会在本地解码并显示预览。
2. 调整 WebP 质量。通过质量滑块在 10% 到 100% 之间调节，平衡文件体积与画质。照片建议默认 85%，数值越低文件越小。
3. 转换为 WebP。点击"转换为 WebP"按钮。工具会通过 Canvas API 将解码后的图像重新编码为 WebP 格式，并显示原始与转换后的文件大小及节省百分比。
4. 下载 WebP。点击"下载 WebP"将转换后的文件保存到设备。原始 AVIF 文件不会被修改，仍保留在电脑上。

由于所有步骤都通过 JavaScript 在浏览器本地运行，AVIF 图片绝不会被上传到服务器。这让转换过程完全私密、快速，也适合处理敏感或机密图片。请注意，AVIF 解码需要现代浏览器，例如 Chrome 85+、Edge、Firefox 93+ 或 Safari 16+。