PNG 转 WebP
PNG 是设计师导出图片时常用的格式，而 WebP 才是网站应该使用的格式。转换后文件通常能缩小三分之二甚至更多，透明背景完整保留，所有主流浏览器都能正常显示。整个转换在你的设备上完成，不会上传任何内容。
将文件拖放到此处 或点击选择文件
结果
如何把 PNG 转换成 WebP
- 把一张或多张 PNG 图片拖放到下方的工具中。
- 输出格式已经设为 WebP。如有需要，可以调整质量。
- 点击“开始”进行转换。
- 逐个下载 WebP 文件，或者打包成 ZIP 一次性下载。
PNG 文件为什么这么大
PNG 是无损格式。每个像素都被原样保存，所以它非常适合 Logo、截图和界面图形，但这也是为什么同一张照片存成 PNG 会比 JPG 大 10 到 20 倍。设计工具默认导出 PNG，是因为它稳妥，而不是因为它高效。结果就是，很多网站上挂着好几 MB 的 PNG，而这些图片本来几百 KB 就够了。
WebP 有什么不同
WebP 是 Google 专门为网页设计的格式，有两种模式。有损 WebP 采用类似视频压缩的预测和变换编码，在视觉质量相同的情况下，文件通常比 JPG 小 25% 到 35%，比 PNG 更是小得多。无损 WebP 和 PNG 一样原样保存每个像素，但压缩方案更聪明，通常比优化过的 PNG 还小 20% 到 30%。两种模式都支持透明，这也是 PNG 转 WebP 如此常见的主要原因：它是第一个得到广泛支持、既能保留 Alpha 通道又不用承受 PNG 体积代价的格式。
如何选择质量设置
| 原始 PNG 的内容 | 建议的 WebP 质量 | 效果 |
|---|---|---|
| Logo、图标、扁平插画 | 90 到 100 | 保留清晰边缘，仍比 PNG 小 50% 以上 |
| 带文字的截图 | 85 到 95 | 文字依然清晰可读，通常小 60% 到 70% |
| 照片或 3D 渲染图 | 75 到 85 | 正常尺寸下肉眼看不出差别，小 80% 到 90% |
| 透明背景的产品抠图 | 85 到 90 | 边缘干净，Alpha 通道完整保留 |
WebP 适合用在哪里
只要是用浏览器查看的场景，都可以用 WebP：你的网站、Web 应用、面向新版邮件客户端的邮件模板，以及图片 CDN。WordPress、Shopify、Webflow、Squarespace 和 Wix 现在都支持上传 WebP。如果还需要同时兼容老旧的查看器，标准做法是使用 HTML 的 <picture> 元素，先放 WebP 源，再用 PNG 或 JPG 作为备选。
交付印刷、归档设计原稿，或者发给要用旧版 Photoshop、Illustrator 打开文件的客户时，不要转换成 WebP。请保留 PNG 原稿，把 WebP 当作发布用的格式。
批量转换
你可以一次拖放整个文件夹的 PNG 素材。每个文件都按同样的质量设置转换，结果打包成一个 ZIP 下载，保留原文件名，只把扩展名换成 .webp。替换到项目里时，只需要对扩展名做一次查找替换即可。
常见问题
WebP 能保留 PNG 的透明背景吗？
可以。WebP 支持完整的 8 位 Alpha 通道，柔和的边缘、投影和半透明区域都会和 PNG 里一模一样。
应该用无损 WebP 还是有损 WebP？
Logo、图标和带清晰文字的截图，建议使用较高的质量设置，让结果保持锐利。如果是导出成 PNG 的照片，质量设为 80 到 85 就能大幅减小体积，肉眼几乎看不出差别。
哪些浏览器和应用能打开 WebP？
Chrome、Edge、Firefox、Safari（从 14 版开始）以及所有主流手机浏览器都能显示 WebP。Windows 的“照片”应用和 macOS 的“预览”也能打开。一些较旧的桌面软件和电子邮件客户端不支持，这种情况请保留一份 PNG 或 JPG。
为什么转换后的 WebP 有时比 PNG 还大？
非常小、颜色又很少的图片，比如 32 像素的图标，用 PNG 保存时可能已经接近最小体积了。WebP 的优势主要体现在两三百像素以上的图片上。
你的文件绝不会 离开你的设备
Squishly Tools 的每个工具都完全免费，并且完全在浏览器中运行。你的图片和文档在自己的电脑上处理，绝不会上传到服务器。无需账号，没有水印，也没有任何套路。