如何把 PNG 转换为 WebP
- 把一张或多张
.png图片拖放到上传区域。 - 选择质量。80 适合大多数图形;如果是细节丰富的插画或有细小文字,请调高一些。
- 点击转换为WebP,然后下载结果。透明背景会被保留。
图片在您的浏览器中本地处理,绝不会上传到服务器。
为什么网页上要用 WebP 替代 PNG?
PNG 是无损格式并支持透明,因此成为徽标、图标、插画、截图以及抠掉背景的商品图片的默认格式。它的弱点是体积:细节丰富的图形和照片保存为 PNG 后可能非常大,常常占据网页总大小的很大一部分。
WebP 同样支持完整的 Alpha 透明通道,而且可以把透明和高效的有损压缩结合起来。这是 PNG 和 JPG 都做不到的:JPG 体积小但不能透明,PNG 能透明但体积大。一张透明背景的商品照片保存为 WebP 后,大小往往只有同一 PNG 的几分之一,而且放在任何背景色上依然干净利落。
| PNG | WebP | |
|---|---|---|
| 压缩方式 | 仅无损 | 有损或无损 |
| 透明 | 支持 | 支持,有损压缩时也支持 |
| 文件大小 | 大,照片尤其如此 | 小得多 |
| 浏览器支持 | 普遍支持 | 所有现代浏览器 |
| 图片编辑器和办公软件 | 普遍支持 | 因软件而异 |
最适合转换的图片
- 网店中透明背景的商品图片:体积大幅减小,透明效果保留。
- 在网站、博客和文档中展示的截图和插画。
- 误存为 PNG 的照片,转换后体积会大幅缩小。
- 影响页面加载速度的网站背景、横幅和首屏大图。
以下情况请保留 PNG:之后还要编辑的源文件、要发给可能不支持 WebP 的人或程序的文件,以及差别可以忽略不计的小图标。如果要制作 favicon.ico,请改用 PNG转ICO。
使用技巧
- 检查文字和锐利边缘。有损压缩可能会让细线和小字变得模糊。如果看到压缩瑕疵,请调高质量。
- 把尺寸过大的图形缩小到实际显示尺寸:转换之前或转换时用调整图片大小即可。
- 保留 PNG 原图,因为 WebP 最适合作为网页上的发布格式。
提示:想继续使用 PNG 但让它更小?压缩图片通过颜色量化来缩小 PNG,同时保持 PNG 格式。
常见问题
WebP 会保留透明背景吗?
会。WebP 支持完整的 Alpha 通道,所以透明和半透明像素都会被保留。
WebP 比 PNG 小多少?
取决于图片本身。照片和细节丰富的图形保存为有损 WebP 后,往往比 PNG 小好几倍,而简单的扁平图形节省的空间则比较有限。
WebP 可以在任何地方使用吗?
在网站上可以:所有现代浏览器都能显示 WebP。一些桌面应用、办公套件和上传表单仍然只接受 PNG 或 JPG,所以这些场合请保留原图。
以后可以把 WebP 再转回 PNG 吗?
可以,使用我们的 WebP转PNG 转换器即可,不过有损压缩去掉的细节无法恢复。
更新于
评论
登录后即可为此工具评分。
分享技巧、提出问题,或说说这个工具对您是否有用。
还没有评论,来分享您的使用体验吧。