如何创建透明背景的 WebP 图片

什么是 WebP 透明度？

WebP 是 Google 开发的现代图片格式，支持有损和无损压缩——关键是还支持 Alpha 通道透明度。核心特点：

• 比 PNG 更小——透明 WebP 通常比同等 PNG 小 25-35%，视觉效果几乎一致。
• 浏览器全面支持——Chrome、Firefox、Edge、Safari 14+ 和 Opera 均正确渲染透明 WebP。
• 有损和无损模式均支持 Alpha——可在更小文件（有损）和像素级完美质量（无损）之间选择，同时保持透明度。

为什么用透明 WebP 替代 PNG？

带透明度的 PNG 已使用数十年，但 WebP 为现代网页应用提供了显著优势：

• 页面速度——透明 WebP 图片在网站上加载速度比 PNG 更快，改善 Core Web Vitals 和 SEO 排名。
• 带宽节省——对于图片密集型网站（电商、作品集、博客），从 PNG 切换到 WebP 可减少 30% 以上的图片带宽。
• CDN 和存储成本——更小的文件意味着更低的托管和 CDN 成本，尤其在规模化场景下。
• 同等质量，更小体积——无损带 Alpha 的 WebP 与 PNG-24 视觉一致，但通常小约 26%。

方法一：在线工具（无需安装）

创建透明 WebP 的最快方式——无需安装软件。以下是推荐的在线方案：

BG-Zero（推荐——免费、无需上传）

BG-Zero 去除背景并导出为透明 PNG 或 WebP——全部在浏览器本地处理。上传图片，AI 去除背景，点击导出为 WebP。透明度和 Alpha 通道完整保留。最适合：产品照片、人像、Logo——任何需要去除背景并输出干净透明 WebP 的图片。

Squoosh（Google 图片压缩工具）

Squoosh 是 Google 的免费开源图片压缩网页应用。可将 PNG/JPEG 转为 WebP，调整质量和压缩参数，切换 Alpha 开关。最适合：通过实时对比预览精细调整 WebP 压缩设置。注意：Squoosh 仅转换——不能去除背景。

CloudConvert / Convertio（批量转换）

CloudConvert 和 Convertio 支持 PNG 转 WebP 并保留 Alpha 通道。上传透明 PNG，选择 WebP 为输出格式，启用 Alpha 通道。免费版有次数限制（通常每天 25 次）。最适合：批量将已有透明 PNG 转为 WebP，无需编辑图片。

重要提示：大多数在线转换器会将图片上传到服务器。如果处理敏感或私密图片，请使用 BG-Zero（本地处理）或下方的桌面方法。

方法二：桌面软件（完全控制）

对于专业工作流或批量处理，桌面工具提供更多的质量、元数据和输出设置控制：

Adobe Photoshop（导出为 WebP）

Photoshop 23.2+ 原生支持带 Alpha 的 WebP 导出。去除背景（使用选择主体 + 图层蒙版），然后文件 → 导出 → 导出为，选择 WebP 格式，勾选「透明度」。旧版 Photoshop 可使用免费的 WebPShop 插件（GitHub 开源）。最适合：已在 Photoshop 中工作、需要精确图层控制的设计师。

GIMP（免费开源）

GIMP 2.10+ 支持带 Alpha 的 WebP 导出。去除背景（模糊选择工具或添加 Alpha 通道 + 橡皮擦），然后文件 → 导出为 → 选择 WebP 格式。在导出对话框中勾选「保存 Alpha 通道」。最适合：完全免费的 Photoshop 桌面替代方案，WebP 透明度处理良好。

cwebp / ImageMagick（命令行）

cwebp（Google libwebp 的一部分）从终端将 PNG 转为 WebP：`cwebp -alpha_q 100 input.png -o output.webp`。ImageMagick：`magick input.png -define webp:alpha-quality=100 output.webp`。最适合：开发者在脚本中自动化图片管线或批量处理数百张图片。

WebP 透明度 vs PNG 透明度——对比分析

WebP 和 PNG 都支持完整的 Alpha 通道透明度，但在实际使用中存在重要差异：

• 文件大小——带 Alpha 的 WebP 比 PNG 小 25-35%。一张 500 KB 的透明 PNG，等效 WebP 约为 325-375 KB。
• 浏览器支持——PNG 通用（100% 浏览器）。WebP 全球浏览器支持率达 97%+。剩余的 3% 是非常旧的浏览器（IE 11 和 2015 年前的移动浏览器）。
• 编码速度——保存 PNG 几乎是即时的。WebP 编码需要稍长时间（批量处理数千张图片时明显）。对单张图片来说差异可忽略。
• 软件兼容性——PNG 随处可打开（画图、预览、所有图片查看器）。部分较旧的桌面软件（2018 年前）可能无法识别 WebP 文件。与非技术用户分享时，PNG 更安全。
• 建议——网站和 Web 应用使用 WebP（更小、更快）。与他人分享、打印或需要最大化兼容性时使用 PNG。