PNG转WebP在线转换
把网站上的PNG截图、Logo和商品抠图转换成WebP，透明边缘保持不变，加载时间大幅缩短。选择有损或无损，转换后把结果上传到你的CMS即可。
图片格式转换
或将JPG, JPEG, JPE … 文件拖放到此处 ·
单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除
文件在我们的服务器上处理，并在 30 分钟后删除。
85 可使照片在视觉上与原图无差别。只有在需要更小的文件时才调低。
JPG、BMP 和 EPS 不支持透明。透明像素会用此颜色填充。
用于透明像素底色的十六进制颜色，例如 #FFFFFF。
此格式只能保存单张图像。如需保留动画，请选择输出 GIF 或 WebP。
多尺寸图标在一个文件中包含多种分辨率，浏览器和操作系统会选用所需的尺寸。
保持原始尺寸，或输入一边的数值，自动保持宽高比。
上面所选边的像素值。
相对于原始尺寸的百分比。
屏幕和网页使用 sRGB 即可。印刷流程请保持原样；灰度会丢弃颜色。
仅写入元数据，0 表示保留原值。打印机和部分网站会读取此数值，它不会改变像素尺寸。
使用方法
- 1
拖入PNG文件
将最多 20 张 PNG 拖到上传区域，或从文件夹中选择。每个文件最大 95 MB，即使是体积很大的导出设计稿也没问题。
- 2
选择有损或无损
页面默认使用有损模式，音质 为 80，适合网页上的照片和插画。如果是必须保持像素级精确的图标、像素画或界面截图，请在 高级设置 中勾选 无损。
- 3
转换并替换
点击 转换为 WebP，然后逐个下载文件，或打包成 ZIP 下载。
PNG 转 WebP 值得吗？
对网站上的图片来说，几乎总是值得。同一张图片（包括透明度）通常能小得多，而且所有现行浏览器都能显示。仍需编辑的文件，或要发给用桌面软件打开的人的文件，请保留 PNG。
网页开发者为什么用WebP替换PNG
PNG 在设计上就是无损的：它由 W3C 于 1996 年标准化，作为无专利的 GIF 替代品，从不丢弃像素数据。这对母版文件很理想，但对网页是一种浪费：一张 1600 px 的首页主视觉插画存成 PNG，体积可能超过页面上所有脚本加起来的总和。
Google 在 2010 年推出 WebP 来弥补这一差距。它在一个容器里提供两种编码：无损模式，据 Google 自己发布的对比，比 PNG 小约 26%；以及基于 VP8 视频编码的有损模式，体积还要更小。两种模式都带有完整的 Alpha 通道，这正是让徽标和抠图商品照能放在彩色背景上继续使用的功能。
PageSpeed Insights 等网页速度工具早就把过大的 PNG 和 JPEG 文件列为容易优化的项目，转换一批图片往往是改善最大内容绘制（LCP）最快的办法。如果图片还需要调整尺寸，请先用修改图片尺寸处理，再转换。
WebP比PNG能小多少
PNG 原图
1.2 MB
1600 × 900 · 24 位带 Alpha，商品抠图
WebP，质量 80
190 KB
1600 × 900 · 有损，保留 Alpha 通道
PNG
便携式网络图形（PNG）
PNG 是 PNG 开发组于 1996 年发布的无损位图格式，后来由 W3C 和 ISO 标准化。它精确保留每个像素，支持完整的 Alpha 透明度，处理文字、锐利边缘和纯色块时不会产生伪影。这种精确度使它非常适合截图、徽标、图标和界面图形。代价是体积：保存为 PNG 的照片往往比同一张照片的 JPEG 或 WebP 大好几倍。所有浏览器、操作系统和编辑器都能打开 PNG 文件。
- 压缩方式
- 无损
- 透明度
- 支持
- 动画
- 不支持
- 发布年份
- 1996 · PNG Development Group
WEBP
WebP 图片
WebP 是 Google 于 2010 年发布的图片格式,目的是让网页加载更快。它在同一种格式中同时支持有损和无损压缩、Alpha 透明和动画。在视觉质量相近的情况下,有损 WebP 文件通常比 JPEG 小 25–35%,无损 WebP 通常比 PNG 更小。目前所有主流浏览器都支持它,但一些较旧的桌面软件、打印服务和上传表单仍然不接受。Windows、macOS 和大多数现代图片编辑器都可以打开 WebP 文件。
- 压缩方式
- 有损或无损
- 透明度
- 支持
- 动画
- 支持
- 发布年份
- 2010 · Google
网站所有者把 PNG 转成 WebP，是为了在保留透明度的同时减小页面体积；从 WebP 转回 PNG，则是为了在不支持读取 WebP 的软件中编辑或打开文件。
以上数据是照片类抠图的典型结果，并非承诺。扁平图形在有损模式下缩小得较少，在无损模式下有时缩小得更多。满是文字的截图是有损 WebP 可能让字母边缘变模糊的唯一情形；这类图请勾选 无损，仍然能节省空间，像素也不会有任何变化。
尺寸、颜色和透明度都会原样保留，删除元数据（默认开启）会去掉浏览器用不到的编辑记录。
把WebP上传到网站之前
- 把原始 PNG 保存在单独的文件夹里；WebP 只是发布用的副本，不是编辑母版。
- 确认你的 CMS 接受 .webp 上传（WordPress 从 5.8 版本起支持）。
- 把一张透明图片分别放在白色和深色背景上查看，确认边缘干净。
- 把 HTML 或 CSS 中的图片引用从 .png 改成 .webp，或让 CMS 重新生成缩略图。
- 在浏览器的网络面板中对比转换前后的页面体积，了解究竟节省了多少。
PNG转WebP常见问题
PNG转WebP后透明背景还在吗？
可以。WebP 在有损和无损两种模式下都支持 Alpha 通道，所以抠图的商品图和徽标仍然保持透明。有损模式下边缘像素会有少量压缩；如果发现发丝或文字周围有淡淡的光晕，请勾选 无损 重新转换。以后需要转回去？WebP转PNG 可以还原出可编辑的 PNG。
PNG转WebP该选有损还是无损？
如果 PNG 是扁平的界面图、示意图、徽标或像素画，选无损，因为每个像素都与原来完全一致，文件通常也会变小。如果 PNG 实际上是照片或柔和的插画，选质量 75 到 85 的有损模式，节省空间主要就在这里。
哪些浏览器能显示WebP图片？
Chrome、Edge、Firefox 和 Opera 多年前就已支持 WebP，Safari 在 2020 年的 14 版本中也加入了支持（需要 macOS Big Sur 或更高版本以及 iOS 14）。实际上，如今在用的浏览器都能显示它，所以大多数网站只需用普通的 img 标签指向 .webp 文件即可。
WordPress能上传WebP图片吗？
2021 年 7 月发布的 WordPress 5.8 将 WebP 加入了媒体库允许上传的类型。旧版本会拒绝该文件，除非用插件添加 MIME 类型，所以在转换整个文件夹之前请先确认你的版本。
为什么转出的WebP比原PNG还大？
这种情况出现在使用索引调色板、只有几种颜色的小 PNG 上，例如 8 色图标，因为 PNG 在这类图片上本来就非常高效。对这些文件可以试试 无损，如果结果仍然更大，就保留 PNG；节省空间主要来自更大、颜色更丰富的图片。
能把整个文件夹的PNG一次转成WebP吗？
一次最多处理 20 个文件，每个最大 95 MB，处理完会打包成 ZIP 一并返回。文件夹更大时，请按每批 20 个重复操作；没有每日次数限制，上传的文件会在 30 分钟后自动删除。
更多WebP和PNG工具
- JPG转WebP在线把JPG转为WebP，加快网页加载：外观不变，体积通常减少四分之一到三分之一。一次批量转换20张照片，可调质量，无需注册。
- 图片转WebP在线转换将JPG、PNG、GIF、HEIC、TIFF、SVG及相机RAW照片批量转换为WebP。默认质量80，保留透明背景和动画，无需注册账号。
- PNG转AVIF转换器将PNG转换为基于AV1的AVIF图片格式：保留透明背景，支持有损或无损压缩，Chrome、Firefox、Safari和Edge均可显示。一次最多批量转换20个文件。
- WebP转PNG在线转换WebP转PNG，透明背景不丢失。Logo、贴纸和抠图保留透明边缘；动态WebP可导出第一帧或全部帧。
- PNG转JPG在线转换将PNG转换为JPG，减小文件大小，方便发邮件、填报名表和冲印照片。透明区域可填充白色、黑色或任意自选颜色。一次可批量转换20个文件。
- AVIF转WebP在线转换浏览器、插件或主机还不支持AVIF时，把AVIF转换为WebP。保留透明背景，可选有损或无损输出，每批最多20张图片。