在浏览器里把笨重的 PNG 转成小巧的 WebP,透明背景原样保留。批量、免上传、完全免费。
拖入图片,或点击选择
把 PNG 文件拖到这里 —— 想选多少张都行
这是一个免费的 PNG 转 WebP 工具,全部在浏览器里完成 —— 支持批量、无需上传、无需注册、无水印,而且透明背景会被完整保留。PNG 是无损格式,而这恰恰就是它笨重的原因:一个 logo、一份 UI 导出稿、一张抠好的商品图动辄好几 MB,因为每个像素都被原封不动地存了下来。很长一段时间里这件事没有好出路,因为最顺手的替代品 —— JPG —— 根本没有透明通道,只会把透明区域灌成一片实色。WebP 就是终结这个两难的格式:它同时拥有 PNG 的透明通道和 JPEG 级别的压缩率,所以一张带透明的图常常能压到原来的一半甚至远低于一半,背景依然是透明的。半透明像素同样会被保留,所以抗锯齿的边缘、柔和的投影和渐隐的渐变都能活下来,而不会变成一圈毛刺的硬边。
把 PNG 图片拖进上传区,或者点击选择。想加多少都行 —— 一整套图标、一个文件夹的 UI 导出稿、一批抠好的商品图 —— 整批一次处理完,而且什么都不会被上传。
拖动画质滑块,决定 WebP 压得有多狠。logo、图标和 UI 导出稿建议 85 到 90,这类素材边缘锐利和文字干净比省那几 KB 更重要;照片类 PNG 和截图往低调一些也没人看得出来。另一个可选项是「限制最长边」—— 素材当初按 2 倍或 3 倍图导出、实际展示尺寸却小得多时,用它最划算。
点「转换」,每个文件都在你自己的浏览器里编码。结果表会把转换前后的体积和涨跌百分比并排列出来 —— 输入是 PNG 时,这个数字通常相当解气。可以逐个下载 WebP,也可以整批打包成一个 ZIP。原来的 PNG 文件不会被改动。
WebP 有完整的透明通道,所以透明背景能活下来 —— 柔和边缘和投影都在。这正是转成 JPG 做不到的事:JPG 压根没有透明,只能拿一个底色把那些像素灌满,最后给你的 logo 背后留一块实心方块。
PNG 无损存下每一个像素;WebP 则被允许丢掉眼睛注意不到的部分。照片类或者明暗层次丰富的 PNG,常常能降到原体积的五分之一甚至更低,连色块平整的 UI 图形通常也能砍掉一半。
一个滑块决定压缩有多激进,结果表会给出每个文件的体积和涨跌百分比。调高时,logo 和图标与原 PNG 肉眼无差;背景图和截图这类素材调低几档,代价约等于零。
整套图标或整个素材目录丢进来,一键转完,再打包成一个 ZIP 下载,不用一张一张存。
转换在你的浏览器里、用你自己设备的 CPU 完成。PNG 文件不会被上传、不会经过服务器、也不会碰到任何后端 —— 未发布的设计稿、客户素材和截图都留在你自己机器上。
不用注册、不用留邮箱、没有每日额度,结果上也不会盖水印。转一张 PNG 还是五百张,想转多少次都行。
以 PNG 形式导出的 logo、插画和首屏图形,是页面变慢最常见的原因之一。WebP 让它们的透明一模一样地保住,同时砍掉每个访客都要下载的那部分体积。
一个文件夹里十几种尺寸的品牌素材,累积起来非常可观,而且它还躺在所有人都要 clone 的仓库里。整套转成 WebP 就能瘦下来,没人需要重画或者重新导出任何东西。
抠好的商品要落在页面用的任意底色上,所以透明这件事没有商量余地 —— 而这类图恰恰又是商店加载量最大的。WebP 是常见格式里唯一两样都给你的。
设计工具默认导出 PNG,而且常常是 2 倍或 3 倍图。在它们进入文档站、帮助中心或产品页之前批量转成 WebP,仓库和页面都能轻下来。
是的 —— 完全免费,不用注册、不用邮箱、没有每日次数上限。转出来的 WebP 上没有水印,也不存在「付费版转得更好」这种事。
不会。解码和 WebP 编码都在你的浏览器里用本地 JavaScript 和 canvas 完成。文件不会被上传、不会被存储、我们也看不到 —— 页面加载完之后,断网都照样能用。
会。WebP 和 PNG 一样有完整的透明通道,所以透明和半透明像素都会被带过去 —— 抗锯齿边缘、柔和投影、渐隐渐变都在。既然没有任何区域需要被填满,整个流程里也就不存在底色这回事。这正是带透明的 PNG 该转 WebP 而不是转 JPG 的全部理由:JPG 根本没有透明,只会拿一块实色把它替换掉。
通常小很多。照片类或明暗层次丰富的 PNG,常常能降到原来的五分之一甚至更低;颜色数少、色块平整的图形 —— 也就是 PNG 本来就擅长的那类 —— 一般能砍一半。省得最多的地方恰恰是 PNG 最弱的地方,所以你文件夹里那些好几 MB 的大家伙缩得最狠。先拿两三张有代表性的转一下,看结果表里的百分比,再决定整批跑不跑。
有损。WebP 两种模式都支持,而本工具走的是有损编码器 —— 大幅的体积收益就在这一档,页面上有画质滑块也是这个原因。调到高档时,logo、图标和 UI 素材的结果与原 PNG 肉眼无差;而且透明在有损模式下依然存在,这恰恰是 JPG 给不了的。如果你需要的是每个像素都逐位一致的副本 —— 要反复编辑的源文件,或者要送印刷的稿子 —— 那就留着 PNG。
由透明决定。如果图有透明背景 —— logo、图标、贴纸、抠好的商品图 —— 两者之中只有 WebP 保得住,因为 JPG 会把透明灌成一片实色。如果这张 PNG 只是普通的矩形照片或截图、压根没有透明,那两条路都走得通,取舍变成兼容性对体积:JPG 哪里都打得开,WebP 更小。无论选哪条,原来的 PNG 都还在,试一条再对比一下不会有任何损失。
可以。想选多少 PNG 就选多少,拖进来一键转完整批,结果可以单张下载,也可以打包成一个 ZIP。在 iOS 和安卓的手机浏览器上表现一致,只是批量特别大时手机会慢一点。