为网页将 PNG 资源迁移到 WebP

适用场景

PNG 过大：用可控质量转换，在 1x 与 2x 下对比，必要时准备回退格式。

要使用的工具

将 PNG 转为 WebP。

打开 PNG 转 WebP →

步骤

  1. 1区分照片、插画与透明 logo。
  2. 2用能保护边缘的初始质量转换。
  3. 3在计划展示宽度下对比原图与 WebP。
  4. 4为不支持 WebP 的渠道准备 PNG 等回退。

示例

  • 营销图标包批量 WebP 化。
  • 移动端 UI 精灵图瘦身。

应避免

  • 压得太狠导致线条与小字糊掉。
  • CMS 仍指向旧 PNG。
  • 未在浅色与深色主题下检查。

相关工具

博客

图片工具 中的更多内容

所有任务指南 或前往 图片工具 专区.

比较替代方案

Fluranto vs convertio

常见问题

还要保留 PNG 吗？

渠道禁 WebP 或需无损归档时保留。

要先缩放吗？

若可以，在最终 WebP 前先缩到显示像素。

所有任务指南 · 图片工具 工具 · 博客