WebP 转 PNG:功能介绍
WebP 非常擅长给网页“减负”,浏览器打开它也毫无问题。麻烦出在图片离开浏览器、要放进设计文件、幻灯片或旧版编辑软件的时候:这些地方的支持参差不齐,有些程序干脆拒收这种文件。PNG 几乎到处都能读取,而且它具备对图形至关重要的两个特性:无损,以及支持完整的 Alpha 通道。因此,Logo、贴纸、图标、界面元素、示意图和以文字为主的截图,存成 PNG 是最自然的选择。
转换本身很简单。浏览器内置的解码器会解开每个 WebP(包括它的透明信息),像素随后被写入 PNG,没有任何压缩损失。由于 PNG 没有什么可以舍弃的,这里没有质量滑块;唯一会改变像素的可选设置是长边上限(4096、2560、1920 或 1280 px)。logo.webp 会变成 logo.png。
WebP 文件分为两种,你手上是哪一种,决定了 PNG 最终的样子。无损 WebP 转换后不会有任何损失。有损 WebP 原本带有的模糊或色块会原样带进 PNG;转换不会增加新的瑕疵,但也去不掉已有的瑕疵。
WebP 转 PNG:使用步骤
- 导入 WebP 素材把文件拖到转换器上,添加一个存放导出素材的文件夹(子文件夹也算在内),或者粘贴复制的图片。单次最多接受 500 个文件。
- 选择 PNG 并决定尺寸确认输出格式选的是 PNG。保持“原始尺寸”即可保留每一个像素;如果图形比你需要的大,就选一个更小的长边。
- 下载 PNG可以逐个保存文件,也可以点“全部下载(ZIP)”。如果某个文件名在本批中已被占用,会自动加上“ (2)”后缀,因此不会覆盖任何文件。
常见使用场景
幻灯片里的合作方 Logo
你能找到的合作方 Logo,只有对方网站上的一个 .webp,而你的演示软件不接受它。转成 PNG 后,它可以放在任何颜色的幻灯片背景上,透明背景和柔和边缘都完好无损。
设计文件里的贴纸和抠图
从网上保存的抠图商品照和贴纸素材常常是 WebP 格式。转换后 Alpha 通道得以保留,在编辑软件里能干净地叠放图层,反复保存也不会劣化。
技术文档用的截图
导出为 WebP 的界面截图和示意图,可以变成清晰的 PNG,用在帮助文章、Wiki 页面或缺陷报告里。扁平的界面图形用 PNG 压缩效果很好,所以文件大小通常也比较合理。
无损还是有损 WebP:PNG 能还原多少
| 你的 WebP 是…… | PNG 里包含什么 | 常见用途 |
|---|---|---|
| 无损 WebP | 完全相同的图像,只是换成了更多应用能打开的格式 | 为网页导出的图标、Logo、界面素材、截图 |
| 有损 WebP | 一份忠实的快照,包括它原本带有的瑕疵 | 大多数网站上的照片和横幅 |
无论哪种,从这一步开始都不会再有新的损失:你可以随意编辑并反复保存 PNG,而 WebP 和 JPG 做不到这一点。
文件会比 WebP 大
WebP 的设计目标是紧凑,PNG 的设计目标是精确保留每一个像素。文件会增大多少取决于内容。Logo、图标和界面截图这类扁平图形通常只会适度变大。照片和平滑渐变充满细微变化,无损压缩很难把它们压小,所以它们的 PNG 可能会大得多。把宽和高各减半,像素就只剩四分之一,这是缩小 PNG 最有效的办法。
Alpha 通道、动画帧与 EXIF
完全透明的背景依然透明,柔和阴影、发光效果和抗锯齿边缘这类半透明像素也会保留各自的不透明度。动态 WebP 只会得到第一帧,因为这里输出的是静态图片。
大多数图形不带 EXIF,但如果 WebP 里确实存有拍摄信息或位置,默认会写入 PNG 的标准 eXIf 块,一些较旧的看图软件会忽略这个数据块。移除 GPS 位置信息只去掉坐标,关闭保留照片信息则全部移除。颜色为标准 sRGB,也就是浏览器解码 WebP 时使用的色彩空间。
不适合用 PNG 的情况
- 需要一个用于邮件或网页的小文件。没有透明背景的照片存成 JPG 会轻得多;请用 WebP 转 JPG。
- 需要一个能任意缩放的 Logo。PNG 仍然由像素组成;转换不会生成矢量文件,把小图放大也不会增加细节。
- 需要保留动画。本工具不提供动态 PNG、GIF 或视频输出。
- 需要把多张图片放进一个文档。WebP 转 PDF 可以把它们排到页面上,不过透明区域在那里会显示为白色。
超过 500 个文件需要分几次运行,大批量处理时电脑比手机更从容。浏览器方面,需要 Safari 16.4 或更高版本,或任何最新版的 Chrome、Edge、Firefox。你的素材在本地转换,从不上传;看看如何亲自观察网络流量。