PNG 转 WebP

创建保留透明背景、适合网站使用的 WebP 副本,并在发布前比较画质与文件大小。

图片在浏览器本地处理。 文件不会上传到服务器。

选择 PNG 图片以预览 WebP 输出。

创建适合网页且保留透明度的副本

这些真实文件展示同一张透明图片的 PNG 原图,以及浏览器按默认质量生成的 WebP。实际结果会随图片内容变化。

PNG 输入

PNG 输入

包含透明像素的 PNG 原图。

805 KB · PNG
WebP 输出

WebP 输出

保留透明区域的更轻 WebP 副本。

29 KB · WebP

仅在接收位置支持时使用 WebP

WebP 通常可以减小 PNG 图片,但工作流程明确要求 PNG 时应保留原格式。

以下情况转换为 WebP

  • 网站或应用支持 WebP 图片。
  • 希望减小文件,同时保留透明区域。
  • 可以保留 PNG 原图用于编辑和兼容。

以下情况保留 PNG

  • 上传表单或设计流程明确要求 PNG。
  • 后续编辑需要无损源像素。
  • 不确定接收服务是否支持 WebP。

转换过程中会改变什么

图片像素尺寸保持不变。WebP 质量控制可见画面的编码程度,Alpha 通道仍保持透明。

透明区域仍然透明

PNG 和 WebP 都支持 Alpha 透明度,因此不需要选择背景色。

文件通常会变小

透明插画和界面素材可能明显减小,但结果取决于原文件。

保留 PNG 原图

以后需要无损编辑或 PNG 兼容性时,原图仍然有用。

常见问题