在 Firefox 中将 WebP 转换为 PNG:3 种无需插件的方法

了解如何在 Firefox 浏览器中直接将 WebP 图片转换为 PNG。无需安装扩展——使用浏览器端转换工具、Firefox 内置功能或开发者工具即可完成。

Firefox 用户经常遇到 WebP 格式的图片——来自素材网站、社交媒体下载或网页截图。问题是很多图片编辑器和旧版软件仍然只支持 PNG 格式。如果你使用 Firefox 并需要将 WebP 转为 PNG,以下几种方法不需要安装任何浏览器扩展。

方法一:使用浏览器端转换工具(最快)

在 Firefox 中转换 WebP 为 PNG 最快的方式是使用 FreePNGConvert 这样的浏览器端工具。因为整个转换过程在浏览器的 JavaScript 引擎中运行,所以在 Firefox 中的效果与 Chrome 或 Safari 完全一样。

操作步骤:

  1. 在 Firefox 中打开 freepngconvert.com/zh
  2. .webp 文件拖放到转换区域,或点击浏览文件。
  3. 文件在你的浏览器中解码并转换为 PNG——无需上传,无需服务器。
  4. 点击下载按钮,将 .png 文件保存到电脑。

整个过程对于大多数图片不超过两秒。因为文件不会离开你的设备,所以这也是最保护隐私的方式。关于隐私优势的详细说明,请参阅我们的安全 WebP 转 PNG 指南

透明背景怎么办? Firefox 的 Canvas API 完全支持 alpha 通道。WebP 文件中的透明背景会在 PNG 输出中完整保留。详见我们的透明背景转换指南

方法二:直接用 Firefox 截图保存为 PNG

Firefox 有一个不太为人知的功能:右键点击网页上的图片选择”另存为…”时,Firefox 会以原始格式(WebP)保存。但你可以通过 Firefox 的截图工具绕过这个限制:

  1. 右键点击网页上的 WebP 图片。
  2. 从右键菜单中选择**“截图”**。
  3. 点击图片元素将其隔离选中。
  4. 点击下载按钮,保存为 .png 文件。

这种方法会将图片截取为屏幕渲染的尺寸并保存为 PNG。缺点是它捕获的是屏幕显示版本,而非原始文件数据。对于高分辨率或透明图片,方法一更可靠,因为它保留了完整的像素数据和 alpha 通道。

关于两种格式的质量差异对比,请参阅我们的 WebP 与 PNG 质量对比指南

方法三:使用 Firefox 开发者工具手动转换

如果你熟悉浏览器控制台,可以在不借助任何外部工具的情况下完成转换:

  1. 在 Firefox 中打开新标签页,按 F12 打开开发者工具。
  2. 切换到控制台标签。
  3. 粘贴以下代码:
const input = document.createElement('input');
input.type = 'file';
input.accept = '.webp';
input.onchange = async (e) => {
  const file = e.target.files[0];
  const img = new Image();
  img.src = URL.createObjectURL(file);
  await new Promise(r => img.onload = r);
  const canvas = document.createElement('canvas');
  canvas.width = img.naturalWidth;
  canvas.height = img.naturalHeight;
  canvas.getContext('2d').drawImage(img, 0, 0);
  canvas.toBlob(blob => {
    const a = document.createElement('a');
    a.href = URL.createObjectURL(blob);
    a.download = file.name.replace('.webp', '.png');
    a.click();
  }, 'image/png');
};
input.click();
  1. 在文件选择器中选择你的 .webp 文件。
  2. PNG 文件会自动下载。

这之所以有效,是因为 Firefox 的 JavaScript 引擎原生支持 Canvas API 和 WebP 解码。这和 FreePNGConvert 使用的是同一套技术,只是没有图形界面。

你真的需要 Firefox 扩展吗?

市面上有一些 Firefox 扩展声称能自动将 WebP 转为 PNG,比如 “Save webp as png or jpeg”。这些扩展会在后台拦截你的下载并转换文件。虽然方便,但存在以下问题:

  • 权限:拦截下载的扩展需要广泛的权限来读取你的浏览活动和文件下载。
  • 维护:很多免费扩展在一两年后就不再维护,可能在 Firefox 更新后失效。
  • 质量:部分扩展使用较低的转换质量设置或会丢失元数据。
  • 性能:后台拦截可能拖慢浏览速度,尤其是在图片密集的页面上。

对大多数用户来说,像 FreePNGConvert 这样的专用浏览器端转换工具能提供相同的效果,同时对文件处理方式更加透明。无需权限、无后台进程、不用管扩展更新。

Firefox 版本要求

以上三种方法均可在当前 Firefox 版本中使用。具体支持情况:

  • Canvas API:Firefox 28+(2014 年发布)
  • WebP 解码:Firefox 65+(2019 年 1 月发布)
  • canvas.toBlob():Firefox 18+(2013 年发布)

如果你使用的是 Firefox 65 或更高版本——基本上涵盖了所有现行安装——WebP 解码和 PNG 导出都是开箱即用的。不需要设置任何标志,也不需要修改 about:config

Firefox 专属提示

处理大型 WebP 文件

Firefox 处理大图片表现不错,但非常大的文件(超过 5000 万像素)可能会触及 Canvas API 的内存限制。如果转换在处理大文件时卡住,尝试关闭其他标签页释放内存。

保留色彩配置文件

Firefox 同时支持 WebP 和 PNG 中的 ICC 色彩配置文件。使用 Canvas API 转换时,WebP 源文件中的色彩配置文件会被带入 PNG 输出。这意味着转换后的 PNG 看起来和原始 WebP 完全一样——不会出现色偏。关于质量保留的详细信息,请参阅我们的无损转换 WebP 为 PNG 指南

转换动态 WebP

Canvas API 只能捕获单帧。如果你的 WebP 文件是动画格式,转换将保存第一帧为静态 PNG。这是 PNG 格式本身的限制,PNG 不支持动画。

常见问题

FreePNGConvert 在 Firefox 中可以离线使用吗?

可以。首次加载页面后,service worker 会缓存所有资源。即使没有网络连接也可以转换文件。详见我们的离线转换指南

在 Firefox 中的转换质量和 Chrome 一样吗?

是的。两种浏览器使用相同的 Canvas API 来解码 WebP 和编码 PNG。无论使用哪个浏览器,输出结果在像素级别完全一致。

可以一次转换多个 WebP 文件吗?

目前转换器每次处理一个文件。如需批量转换,需要使用桌面工具如 ImageMagick(convert input.webp output.png)或命令行脚本。

为什么 Firefox 会把图片保存为 WebP?

很多网站使用 WebP 格式提供图片,因为它的压缩效果比 PNG 或 JPEG 更好。当你在 Firefox 中右键保存图片时,浏览器会以服务器提供的原始格式保存文件。这不是你可以更改的 Firefox 设置,而是网站本身提供图片的方式。更多背景信息,请参阅我们的图片为什么保存为 WebP 指南


最后更新:2026-06-05