PNG 转 WEBP 能保留透明背景吗?
可以。带 Alpha 通道的 PNG 在浏览器中解码并绘制到 Canvas 后,输出为 WEBP 时可以保留透明背景,适合图标、贴图、商品抠图和界面元素。这与输出 JPG 不同,JPG 会把透明区域合成为白色。透明能否在最终页面正确显示,还取决于后续内容系统是否接受 WEBP、是否会二次转码;发布前应将下载结果上传到真实环境检查,而不是只在本地预览。
开始转换
目标格式已预设为 WEBP;请在发布前确认目标平台支持透明 WEBP。
使用说明
这项转换适合为网页准备更轻的透明素材;要同时检查透明边缘、画质与接收系统的真实兼容性。
可以。带 Alpha 通道的 PNG 在浏览器中解码并绘制到 Canvas 后,输出为 WEBP 时可以保留透明背景,适合图标、贴图、商品抠图和界面元素。这与输出 JPG 不同,JPG 会把透明区域合成为白色。透明能否在最终页面正确显示,还取决于后续内容系统是否接受 WEBP、是否会二次转码;发布前应将下载结果上传到真实环境检查,而不是只在本地预览。
PNG 通常采用无损压缩并支持透明,适合像素边缘、文字和需要反复编辑的素材;WEBP 支持有损、无损和透明,常能提供更小的网页分发文件。现代浏览器普遍支持 WEBP,但旧版软件、部分表单和传统办公流程的兼容性通常仍以 PNG、JPG 更稳妥。转换前要先确认接收方的要求:为网站减重可以尝试 WEBP,为设计源文件、兼容性附件或无损归档则应保留 PNG。
网站和应用中的透明图标、贴图、界面插图、商品素材和普通内容配图都适合尝试 WEBP。含细小文字和直线的截图也可以转换,但需在目标尺寸下仔细看边缘;必要时提高质量或继续使用 PNG。用于印刷、需要严格色彩管理、仍要继续分层编辑的文件,不应只保留 WEBP 副本。浏览器 Canvas 处理的是解码后的常规位图,不保存原文件图层、可编辑矢量、16 位色深或嵌入式色彩配置。
本页滑块显示 40–100,脚本会将它换算为 0.40–1.00 传给浏览器 WEBP 编码器。数值较低通常能减小体积,但平滑渐变、半透明阴影、纹理和文字边缘更可能受损;数值较高则保留更多视觉信息,文件也更大。默认 88 是适合先试转的起点。质量不会改变图片的像素尺寸、不会产生新的透明区域,也不能修复源 PNG 中已经存在的锯齿或模糊。
一次可以选择或拖入多张 PNG,保持目标格式为 WEBP 后开始转换,完成后可逐张下载或下载全部。单张文件最大 50 MB,工具没有独立固定张数上限,实际处理量由图片像素、数量和设备内存决定;大尺寸素材或数量很多时建议分批。输出会沿用原文件的基本名称并替换为 .webp。若批次有同名文件,事先添加项目名或序号,能让下载结果更容易抽检和交付。
不会。你选择的 PNG 由浏览器 File API 在本机读取,解码后的像素只在当前页面内存中的 Canvas 绘制和编码,最终生成浏览器下载用 Blob。转换代码没有将源文件或输出结果提交给转换服务器;清空队列、刷新或关闭页面后,临时对象会随页面内存释放。页面访问统计与文件转换是独立流程,统计脚本不会接收本工具处理的图片内容。
发布前检查
透明背景是否能保留,取决于源图、转换结果和最终平台的整条链路。
优先选带半透明阴影、浅色边缘、文字和渐变的 PNG,以默认质量 88 输出 WEBP,再放入实际内容系统查看。请在深色、浅色和有图片的背景上都检查一遍,确认没有白边、色晕或再次转码导致的格式变化。标准通过后,再将同一用途的素材批量处理;原始 PNG 仍应保留,以便对不支持 WEBP 的平台重新交付。