在 Safari 中将 WebP 转换为 PNG：Mac 与 iOS 上无需扩展的 3 种方法

Safari 从 14 版本开始支持 WebP 图片，所以现在大多数网站都用这种格式来提供照片、图标和插图。问题在于：当你在网页上保存图片时，Safari 会保留原始的 .webp 扩展名，而很多应用、设计工具和邮件客户端仍然只认 PNG。如果你想在 Safari 里把 WebP 转成 PNG，下面三种方法都不需要安装扩展，也不需要第三方软件。

方法一：使用浏览器端转换器（最快，Mac 和 iOS 通用）

在 Safari 中把 WebP 转成 PNG 最快的方式，是使用 FreePNGConvert 这样的浏览器端工具。因为整个转换过程都在 Safari 自身的 JavaScript 引擎中通过 Canvas API 完成，文件不会离开你的设备——没有上传、没有服务器处理、也不需要排队等待。

操作步骤：

1. 在 Safari 中打开 freepngconvert.com/zh。
2. 将 .webp 文件拖到转换区域，或点击浏览选择文件。
3. Safari 在本地完成 WebP 解码并重新编码为 PNG——通常不超过两秒。
4. 点击下载按钮，保存 .png 文件。

由于 macOS Safari 和 iOS Safari 都使用带有 WebP 解码能力的同一套 WebKit 引擎，所以两种设备上的效果完全一致。这也是最保护隐私的方式，因为图片数据始终留在你的浏览器里。关于隐私优势的详细说明，请参阅我们的安全 WebP 转 PNG 指南。

透明背景会被保留。 Safari 的 Canvas API 完整支持 alpha 通道，所以 WebP 文件里的透明背景在转换后会原样保留。详见我们的透明背景转换指南。

更喜欢拖放而不是文件选择？我们的拖放式 WebP 转 PNG 指南讲解了完整流程。

方法二：使用 macOS 预览（适合 Mac 桌面用户）

如果你用的是 Mac，系统自带的「预览」应用可以直接打开并导出 WebP 图片，无需额外软件。这个功能从 macOS 11 Big Sur 开始可用，而 Big Sur 正是 Safari 首次支持 WebP 的那个版本。

操作步骤：

1. 在访达中找到或保存你的 .webp 文件。
2. 双击用预览打开（或右键 → 打开方式 → 预览）。
3. 选择文件 → 导出…（或按 Shift-Command-S）。
4. 在格式下拉菜单中选择 PNG。
5. 点击存储。

预览会完整保留原图的像素数据，如果 WebP 带有透明背景也会一并保留。主要限制是预览仅限 Mac——在 iPhone 或 iPad 上你应该使用方法一或方法三。想了解更多 Mac 上的方案，请参阅我们的Mac 上 WebP 转 PNG 指南。

需要注意：如果你用 macOS 截图快捷键（Shift-Command-4）来截取正在查看的 WebP，你得到的是屏幕渲染结果，而不是原始文件数据。对于高分辨率或透明图片，预览导出或方法一能给出像素级精确的结果。我们在无损质量转换 WebP 为 PNG 指南中详细解释了这些质量权衡。

方法三：使用 Safari 网页检查器（适合技术用户）

Safari 内置了一个隐藏的开发者控制台，可以运行和任何浏览器工具相同的 Canvas 转换代码，只需先开启它。

开启网页检查器：

1. 打开 Safari → 设置。
2. 进入高级标签页。
3. 勾选**“在菜单栏中显示’开发’菜单”**。

执行转换：

1. 在 Safari 中打开一个空白的新标签页。
2. 按 Option-Command-I（或选择开发 → 显示网页检查器）。
3. 切换到控制台标签。
4. 粘贴以下代码并按回车：

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();

5. 在弹出的对话框中选择你的 .webp 文件。
6. PNG 会自动下载。

这正是 FreePNGConvert 背后运行的同一套 Canvas API 逻辑，只是没有图形界面——这也正是为什么方法一的浏览器端转换器通常是更实用的选择。

Safari 版本要求

以上三种方法都依赖 Safari 原生的 WebP 解码和 Canvas 支持：

• WebP 图片解码： Safari 14 及更高版本（2020 年 9 月随 macOS 11 Big Sur、iOS 14 和 iPadOS 14 发布）。
• Canvas API 与 canvas.toBlob()： 远在 Safari 14 之前就已支持。
• 网页检查器控制台： 在 Mac 版 Safari 上可用。在 iOS 上，你可以直接用方法一，或把 iPhone 连接到 Mac 后通过”开发”菜单检查移动版 Safari。

如果你使用的是 Safari 14 或更新版本——这基本覆盖了过去几年更新过系统的所有设备——WebP 解码和 PNG 导出都能开箱即用，无需设置任何标志或选项。如果你的设备较旧，更新系统就能解决；更多背景请参阅我们的如何打开 WebP 文件指南。

Safari 专属提示

动态 WebP 文件

PNG 不支持动画。当你转换一个动态 WebP 时，只有第一帧会变成你的 PNG——这是 PNG 格式本身的限制，而不是 Safari 或转换器的问题。如果你需要动画，请保留原始的 .webp 文件。

色彩准确度

Safari 在 WebP 和 PNG 中都遵循 ICC 色彩配置文件。基于 Canvas 的转换会把源色彩配置文件带进输出的 PNG，所以颜色和原图一致，没有偏移。

大图处理

Safari 处理大图的能力不错，但非常大的文件（数千万像素级）可能会触及 Canvas API 的内存上限。如果大图转换卡住，关闭其他标签页释放内存，或在 Mac 上使用预览，它对大文件更宽容。

Safari 与其他浏览器的对比

因为 Canvas API 是 Web 标准，浏览器端的 WebP 转 PNG 在 Safari、Chrome 和 Firefox 中效果完全一样——输出像素级一致。如果你也用其他浏览器，可以参阅我们的Firefox 中 WebP 转 PNG 指南和Chrome 中保存 WebP 为 PNG 指南。

常见问题

FreePNGConvert 在 Safari 里能离线使用吗？

可以。首次加载页面后，网站资源会被缓存，你可以在没有网络连接的情况下转换文件。详见我们的离线转换指南。

我能在 Safari 里一次转换多个 WebP 文件吗？

浏览器转换器每次处理一张图片。如果文件很多，最快的方式是逐张运行转换器，或在 Mac 上用预览逐个导出。这里暂不支持真正的批量转换——批量场景你需要 ImageMagick 这样的桌面工具。

为什么 Safari 会把图片保存为 WebP？

因为网站用 WebP 格式提供图片，而 Safari 现在支持它，所以 Safari 会按服务器提供的格式保存文件。Safari 没有内置选项可以在保存时强制转为 PNG——这也正是事后转换如此常见的原因。完整解释请参阅我们的图片为什么保存为 WebP 指南。

在 iPhone 上结果一样吗？

是的。iOS Safari 使用和 macOS Safari 相同的 WebKit 引擎，所以方法一在 iPhone 或 iPad 上效果完全一样。手机端的详细步骤请参阅我们的iPhone 上 WebP 转 PNG 指南。

---

最后更新：2026-06-30