将 PNG 转换为 WebP — 更小的文件,相同的质量

在同等视觉质量下,WebP 通常生成比 PNG 小 25–50% 的文件。一个 200 KB 的 PNG UI 图标可能变成 80 KB 的 WebP。确切的节省取决于图像内容:带有大片纯色区域的图形和照片受益尤其明显。

会。WebP 完全支持 alpha 通道透明度,因此你 PNG 的透明背景和抗锯齿边缘被精确保留。这使 WebP 成为需要透明度的徽标、图标和图形的 PNG 直接替代品,但文件小得多。

使用有损 WebP 以在出色视觉质量下获得最小文件体积;它非常适合照片和大多数网络图形。当你需要每个像素的精确重现时选择无损 WebP,例如带有清晰文本的图像或反复重新编辑的图像。无损仍然比 PNG 小,但比有损 WebP 大。

所有主流浏览器都支持 WebP:Chrome、Firefox、Safari(14+)、Edge 和 Opera。全球支持率超过 95%。对于一小部分旧版浏览器,使用带有 PNG 备用的 <picture> 元素,让这些用户仍能看到图像。

不会。转换完全在你的浏览器中使用编译为 WebAssembly 的 libwebp 进行。你的图像在本地编码,不会向任何服务器上传任何内容。对于最高质量的无损 WebP 编码,你也可以使用 Squoosh.app 之类的桌面工具,它同样在本地运行。