如何将 PNG 转换为 WebP
- 选择 PNG 文件,或将其拖放到页面上。
- 设置质量(80–90% 适合大多数图形和截图),也可以设置最大宽高。
- 逐个下载 WebP 文件,或打包成 ZIP 一次性下载。
无损 WebP 与有损 WebP
WebP 有两种模式,都支持透明:
| 模式 | 原理类似 | 与 PNG 相比 |
|---|---|---|
| 无损 WebP | PNG:每个像素都保持精确 | 约小 26% |
| 带透明的有损 WebP | JPG,但带有 Alpha 通道 | 通常只有 PNG 的 1/3 左右 |
以上数据来自 Google 的 WebP 文档。本转换器按你选择的质量生成有损 WebP(这是浏览器能够写入的模式),质量在 90% 及以上时,大多数图形在视觉上与原图完全相同。如果需要像素级精确的结果,请保留 PNG。
网页图片优化技巧
- 按显示尺寸缩放:宽度约为页面显示宽度的两倍,在高分辨率屏幕上就能清晰锐利。
- 带文字的截图:请使用 90% 或更高的质量,让文字保持清晰。
- 颜色较少的 Logo 和图标,如果有矢量文件,存为 SVG 通常最小。
- 保留 PNG 原件以便日后编辑;网站上则使用 WebP 文件。
常见问题
PNG 转 WebP 会保留透明吗?
会。透明和半透明区域都会保留在 WebP 文件中。
生成的 WebP 是无损的吗?
不是。浏览器会按所选质量生成有损 WebP。质量在 90–100% 时,与 PNG 的差别通常看不出来,而文件仍然小得多。
哪些浏览器能显示 WebP?
所有新版浏览器都可以:Chrome、Edge、Firefox 以及 Safari 14 或更高版本。在本页生成 WebP 需要使用 Chrome、Edge 或 Firefox;旧版 Safari 无法写入这种格式。
我的文件会被上传吗?
不会。图片在浏览器中转换,始终不会离开你的设备。