PNG 转 WebP — 免费在线、不上传

将 PNG(或整批)拖入 PicBrewery,即可在浏览器内生成带完整透明的 WebP。系统会同时评估有损与无损路径,你可按每行字节数选择更小的一种。

想深入了解 WebP 如何在保留透明的同时缩小体积,请参阅 格式页 WebP 章节

如何把 PNG 转成 WebP

  1. 在任意现代浏览器打开 PicBrewery
  2. 将 PNG 拖入上传区;Ctrl/Cmd+V 粘贴截图也很方便。
  3. PicBrewery 会解码 PNG,并与 JPEG、AVIF 等并行编码 WebP(内部同时考虑有损/无损)。Alpha 自动保留。
  4. 点击 WebP 列下载图标保存单文件;批量请用 打包 ZIP 下载

为什么要 PNG 转 WebP?

PNG 作为无损归档格式很优秀,但在线传输成本高。对典型 UI 图形(图标、截图、示意图),无损 WebP 通常比经 oxipng 优化的同图 PNG 再小 20–30%,因为预测与熵编码比 DEFLATE 更新。对类照片的 PNG(彩色截图、插画、误存为 PNG 的手机照片),质量约 85 的有损 WebP 常可再小 60–80%,观感几乎无损且 Alpha 仍在。

更小的文件意味着:图片密集型界面首屏更快、PWA 离线缓存更省、Retina 资源 CDN 流量更低。

能小多少?

经验法则:无损 WebP 较调优 PNG 约小 20–30%;类照片 PNG 用质量 85 的有损 WebP 常小 60–80%。色块极少的手绘图标有时 PNG-8 调色更省 — PicBrewery 会在同一行展示 PNG 与 WebP 字节数,直接选更小的即可。

WebP 浏览器支持

Chrome 32+、Firefox 65+、Edge 18+、Safari 14+(2020)及主流 Android 均支持。若仍需 IE 11 或 Safari 13,请在 <picture> 中以 WebP 为先、PNG 为回退。完整矩阵见 /formats/#webp

常见问题

PNG 转 WebP 会保留透明吗?

会。WebP 支持与 PNG 相同的 8 位 Alpha,透明像素原样保留。有损与无损 WebP 均可带 Alpha。

应该用无损还是有损 WebP?

界面、图标、截图、线稿 — 无损 WebP,与 PNG 像素一致且通常更小。类照片 PNG — 有损 WebP 约质量 85,常显著更小。在 高级设置 中切换。

无损 WebP 能完全替代 PNG 吗?

在近年主流浏览器中基本可以;极旧工具链或 16 位灰度源仍可能更适合 PNG。

WebP 比 PNG 小多少?

无损约 20–30%;类照片有损约 60–80%。以 PicBrewery 实测为准。

会影响颜色或 ICC 吗?

输出为 sRGB WebP,内嵌 ICC 不透传以减小体积。色彩关键流程请保留源 PNG。

立即把 PNG 转成 WebP

拖入 PNG,透明仍在,图形常小 20–30%,照片类收益更大。全程在浏览器内完成。

打开 PicBrewery