PNG 转 WebP
WebP 的压缩效率远高于 PNG:照片和截图通常能减小 60–90%,同时完整保留 Alpha 透明通道。如果您的网站还在直接使用 PNG 图片,先转成 WebP 是最稳妥的第一步优化。
需要反向转换? WebP 转 PNG
使用方法
把 PNG 文件拖进上方区域——截图、标志、界面导出图都可以,也支持直接从剪贴板粘贴,多个文件一起处理。
留意每个文件的压缩数据:默认画质 80 下,照片类 PNG 一般能减小 60–90%,透明部分保持不变。
如有需要可微调画质滑块,然后逐个下载 WebP,或一键打包成 ZIP 全部带走。
PNG vs WebP
只要图片是给浏览器看的,这场对比早有定论:同样的显示效果,WebP 的体积只是 PNG 的一小部分,透明通道也原样保留。PNG 只剩一个角色——留作编辑用的无损底稿;对外发布的那一份,应该是 WebP。
| PNG | WebP | |
|---|---|---|
| 压缩方式 | 无损 | 有损或无损 |
| 透明度 | 支持(完整 Alpha) | 支持(完整 Alpha) |
| 动画 | 不支持 | 支持 |
| 兼容性 | 通用——所有浏览器、软件和系统 | 所有现代浏览器(2020 年起) |
| 适合用途 | 标志、截图、需要透明背景的图片 | 网页图片:照片、缩略图、界面素材 |
常见问题
不会。所有转换都通过 WebAssembly 在您的浏览器内完成,文件自始至终不会离开您的设备,全程没有任何服务器参与。页面加载完成后即使断网也能继续使用,文件大小也没有限制,仅取决于设备内存。
可以。WebP 完整支持 Alpha 通道,透明的标志、图标和抠图转换后透明效果原样保留,而文件只有原来的一小部分大小。
照片类 PNG 和截图在画质 80 下通常能减小 60–90%;颜色简单的图形减幅会小一些,因为 PNG 本身就擅长压缩这类内容。每个文件的具体压缩率在下载前都会直接显示出来。
支持。Chrome、Safari、Firefox、Edge 等主流浏览器自 2020 年起都已原生支持 WebP,对绝大多数访客来说,直接使用 WebP 而不再准备 PNG 备用方案是安全的。
给浏览器展示的内容,WebP 在体积上完胜:一张 400 KB 的界面截图在画质 80 下通常只剩 60–120 KB,透明通道不受影响。PNG 更适合当无损底稿留在设计文件夹里,对外提供 WebP 即可。想给大图进一步瘦身,还可以试试 PNG 转 AVIF。
三种情况:之后还要反复编辑的图片(画质 80 的 WebP 每次重存都会损失细节)、像素画和单色线稿(PNG 的无损压缩往往更小),以及要送去打印或交给不认 WebP 的老软件的文件——最后这种情况用 PNG 转 JPG 通常更省事。
相关工具
JPG 转 WebP
在浏览器内把 JPG 照片转成 WebP:免费、无需上传、无需注册。同样的观感下体积可再减 25–35%,附带实时画质滑块,每张照片压缩前后的体积对比一目了然。
PNG 转 AVIF
在浏览器内把 PNG 转换为 AVIF,免费、无需上传。透明通道完整保留,体积通常比原 PNG 小 80–95%,比 WebP 更小,特别适合在意加载速度的网站。
WebP 转 PNG
在浏览器内把 WebP 无损转换为 PNG:免费、无需上传,透明通道原样保留。转出的文件在 Photoshop、PowerPoint 等任何软件里都能直接打开使用。
PNG 转 ICO(网站图标)
在浏览器内将 PNG 制作成多尺寸 ICO 网站图标——免费、无需上传。一个文件包含 16、32、48 px 三种尺寸,完整保留透明通道,可直接放到网站根目录使用。