跳到正文

PNG 转 WebP

在浏览器中把 PNG 图片转换为 WebP,保留透明背景,可选有损或无损压缩,让网页图片更小。

拖入 PNG 图片PNG → WebP · 也支持其他图片格式 · 或点击选择
选择图片在你的设备上处理,不会上传
转换为
在浏览器中运行 · 无需上传工作原理

PNG 转 WebP 使用方法

  1. 1

    添加 PNG 图片

    最多拖入 10 个 PNG 文件,每个不超过 25 MB:截图、插画、产品抠图或照片均可。

  2. 2

    有损或无损

    默认选中质量 90 的有损 WebP。logo、图标等必须保持像素级精确的图片,请开启“无损”。

  3. 3

    对比文件大小

    每张卡片都会显示新文件的大小;调整质量后,所有图片会自动重新编码。

  4. 4

    下载

    可以单独保存 .webp 文件,也可以打包为 converted-webp.zip 下载,直接用于你的网站。

限制与 Pro

每批最多 10 个 PNG 文件,每个不超过 25 MB,按完整分辨率编码。

Pro 每批最多转换 500 个 PNG 文件,每个最大 4 GB。 了解 Pro

关于 PNG 转 WebP

PNG 是保存透明图形的稳妥格式,但文件偏大。WebP 在保留透明度的同时缩小体积,因此成为现代网站图片的常用选择:当前所有主流浏览器都能显示,Safari 也自 2020 年起支持。图片更小,在手机上加载更快,也有助于改善搜索引擎衡量的最大内容绘制(LCP)得分。

转换方式有两种,本页都支持。无损 WebP 保存的像素与 PNG 完全相同,据 Google 自己的测量,通常能缩小约四分之一,适合 logo、图标、界面图形和文字截图这类每条边缘都必须清晰的图片。有损 WebP(这里默认质量为 90)的压缩方式类似 JPG,但会保留 alpha 通道,因此带透明背景的照片或产品抠图可以大幅缩小,往往只有 PNG 的十分之一左右,放在任何颜色的页面上依然能自然融合。

两种模式下,宽度和高度都保持不变,透明度也会保留,这一点与转换为 JPG 不同。PNG 中保存的文本块和其他元数据不会被复制。如果以后还要再编辑图片,请保留 PNG 作为母版:有损 WebP 不宜反复重新编码,而且一些桌面应用、邮件客户端和办公软件仍然打不开 WebP。如果网站支持,想要更小的文件,可以在“转换为”中试试 AVIF。

隐私

PNG 由浏览器解码,再由编译为 WebAssembly 的 libwebp 在本标签页的 Web Worker 中编码为 WebP。图片不会离开你的设备,关闭页面后也不会留下任何内容。

功能

保留透明度

有损和无损模式都保留 alpha 通道。

文件更小

无损约小 25%;照片用有损缩得更多。

无损开关

logo 和图标输出像素级精确的结果。

为网页而生

当前所有主流浏览器都支持。

PNG 转 WebP:常见问题

WebP 会保留 PNG 的透明背景吗?
会,有损和无损模式都会保留。WebP 拥有完整的 alpha 通道,柔和的阴影、抗锯齿边缘和透明区域都与 PNG 中一致。预览卡片会用棋盘格显示透明部分,下载前就能确认。只有 JPG 才会把透明度压平,而本页除非你切换格式,否则不会输出 JPG。
应该选无损还是有损 WebP?
边缘锐利、颜色较少的图形,如 logo、图标、示意图和文字截图,选无损:像素完全一致,体积依然会变小。带渐变的照片和插画选有损,质量 80–90 时肉眼看不出差别,文件却小得多。可以拿一张图两种都试试,对比卡片上显示的大小。
WebP 比 PNG 小多少?
无损 WebP 通常比优化过的 PNG 小约 25%。有损 WebP 取决于内容:以 PNG 保存的照片可缩小 80–95%,而简单的纯色图形可能只会小一点。文件转换完成后,新的大小会立即显示在每张卡片上,你可以直接看到自己图片的压缩效果。
所有浏览器都支持 WebP 吗?
当前所有主流浏览器都支持:Chrome、Edge、Firefox、Opera、三星浏览器,以及 macOS Big Sur 和 iOS 14 上的 Safari 14 及更高版本。只有非常老的系统不支持。在浏览器之外,一些看图软件、邮件客户端和办公软件仍打不开 WebP,所以 WebP 适合网站使用,发给他人的文件建议保留 PNG 或 JPG。
以后能把 WebP 转回 PNG 吗?
可以,使用“WebP 转 PNG”页面即可。无损 WebP 能还原为与原图完全一致的像素。有损 WebP 转回的 PNG 看起来与该 WebP 相同,有损压缩去掉的细节无法找回,所以如果之后可能需要未经改动的版本,请保留原始 PNG 文件。

此工具的其他用途

全部图片工具