排查背景颜色和 Alpha 透明度问题
诊断并修复导出图片中丢失的透明度、错误的背景颜色和 alpha channel 问题。
使用 WebP 格式裁剪透明图片简介
你精心裁剪了一张图片并导出，却发现本应透明的区域变成了一个白色方块——或者你选择的背景颜色显示成了完全不同的颜色。透明度问题是图片编辑中第二常见的困扰，仅次于模糊问题。
背景颜色和 alpha 透明度问题源于图片格式、导出设置和用户期望之间的不匹配。JPEG 完全不支持透明度。PNG 和 WebP 支持，但前提是工作流程的每一步都保留了 alpha channel。理解这个链条是获得预期输出的关键。
本文将诊断最常见的背景和透明度问题，逐步指导你在 ImageSizr 的裁剪和调整大小工具中进行修复，并提供一份格式选择清单，确保你再也不会丢失透明度。
Alpha 透明度的工作原理（以及哪里会出问题）
什么是 alpha channel？
PNG 或 WebP 图片中的每个像素都可以有一个 alpha 值（0-255）来控制其不透明度。完全透明等于 0，完全不透明等于 255。这个 alpha 值独立于 RGB 颜色值，作为第四个通道来决定可见性。
支持透明度的格式
- PNG——完整的 alpha channel 支持。每个像素可以是任意透明度级别。
- WebP——完整的 alpha channel 支持，提供有损和无损两种压缩选项。
- GIF——仅支持 1 位透明度。像素要么完全透明，要么完全不透明，没有部分透明。
不支持透明度的格式
- JPEG——完全没有 alpha channel。透明像素必须用纯色填充（默认为白色）。
- BMP——大多数实现中没有 alpha channel。
格式转换陷阱
如果你上传了一张透明的 PNG，编辑后导出为 JPEG，alpha 数据就会被永久压平。之后再切换回 PNG 也无法恢复透明度——像素已经被填充了。这是“透明度丢失”问题的头号原因。
ImageSizr 在编辑器中提供了背景切换（浅色/深色棋盘格），让你在下载前可以直观地验证哪些区域是透明的。在 裁剪 WebP 工具或任何其他编辑页面上使用此切换来检查你的图片。
常见问题的逐步修复方法
问题 A——“我的透明 PNG 现在有了白色背景”
原因：你导出为 JPEG 而不是 PNG 或 WebP。JPEG 没有 alpha channel，所以所有透明像素都被白色填充。
修复方法：重新上传原始文件。在 ImageSizr 编辑器中，使用格式下拉菜单在下载前选择 PNG 或 WebP。使用背景切换（棋盘格）验证透明度。使用裁剪 PNG 工具或调整为 PNG 格式来获得特定格式的工作流程。
问题 B——“我设置了背景颜色但没有显示”
原因：你导出为 PNG 或 WebP，这些格式会保留透明度。背景颜色设置仅在导出为会压平 alpha channel 的格式（JPEG）时生效，或者当你明确需要纯色填充时。
修复方法：将输出格式切换为 JPEG，然后从调色板中选择你想要的背景颜色，或输入十六进制值。所选颜色将替换所有透明区域。
问题 C——“背景颜色是黑色而不是白色”
原因：某些渲染管线在去除 alpha channel 时，如果没有指定显式填充颜色，会默认将透明像素合成到黑色（RGB 0,0,0）上。
修复方法：在 ImageSizr 中，使用背景颜色选择器将填充设置为白色（#FFFFFF）或你喜欢的任何颜色，然后再导出为 JPEG。
问题 D——“我裁剪了图片，透明度丢失了”
原因：裁剪本身不会移除透明度，但如果在工作流程中输出格式被更改为 JPEG，alpha 会在导出时被压平。
修复方法：裁剪后，确认格式下拉菜单显示的是 PNG 或 WebP。使用裁剪 PNG或裁剪 WebP工具页面来保持特定格式的工作流程。
| 问题症状 | 根本原因 | 在 ImageSizr 中的修复方法 |
|---|---|---|
| 白色背景而非透明 | 导出为 JPEG | 将格式切换为 PNG 或 WebP |
| 背景颜色未显示 | 导出为 PNG/WebP（保留透明度） | 切换为 JPEG 以使用纯色填充 |
| 黑色背景而非白色 | 去除 alpha 时未指定显式填充颜色 | 在导出 JPEG 前将背景颜色设置为 #FFFFFF |
| 裁剪后透明度丢失 | 工作流程中格式被更改为 JPEG | 在格式下拉菜单中确认选择 PNG 或 WebP |
格式决策矩阵
选择正确的输出格式可以在问题发生之前消除大多数透明度问题。请参考以下内容：
| 格式 | 支持 Alpha | 无损选项 | 最佳用途 |
|---|---|---|---|
| PNG | 是（完整） | 是 | 图形、logo、截图——任何需要清晰透明度的内容 |
| WebP | 是（完整） | 是（有损或无损） | 文件大小和透明度都重要的网页图片 |
| JPEG | 否 | 否（仅有损） | 不需要透明度的照片 |
| GIF | 部分（1 位） | 是（索引颜色） | 简单动画；避免用于对透明度要求严格的工作 |
经验法则：如果你需要透明度，绝对不要导出为 JPEG。选择 PNG 获得最大兼容性，或选择 WebP 获得更小的文件体积。
ImageSizr 支持从所有工具导出为 Original、JPEG、PNG 或 WebP——调整大小、裁剪、压缩、旋转和翻转。你还可以使用特定格式的页面，如调整为 WebP 格式或压缩为 WebP，让你的工作流程专注于正确的输出。
如需更全面地比较各格式的使用场景，请参阅导出图片时如何保留透明度。
预防习惯
- 下载前务必检查格式下拉菜单。一次错误的选择就会毁掉你所有的透明度工作。
- 使用背景切换功能。ImageSizr 中的棋盘格（浅色/深色）让透明度一目了然。每次导出前都检查一下。
- 如果原始文件包含透明度，请保存为 PNG 或 WebP。在任何多步骤工作流程中，避免中间保存为 JPEG。
- 沟通预期格式。与他人共享文件时，请指定 PNG 或 WebP。设计师将 logo 保存为 JPEG 发送，透明背景必然会丢失。
- 当你需要纯色背景时，刻意选择 JPEG。对于邮件头图、仅支持 JPEG 的平台或需要纯色填充的社交媒体帖子，切换为 JPEG 并设置所需的背景颜色。不要依赖默认行为。
如需相关的质量问题排查，请参阅修复调整大小后的模糊图片——它涵盖了另一个主要的图片质量问题，与本透明度指南配合使用效果更佳。
总结
背景颜色和透明度问题几乎总是归结为格式选择。JPEG 无法存储透明度——没有例外。PNG 和 WebP 可以。通过在每次导出前检查格式下拉菜单并使用背景切换，你就能消除绝大多数与 alpha 相关的意外。
打开 ImageSizr 裁剪 WebP 工具，裁剪你的图片并获得完整的透明度支持。所有处理都在你的浏览器中完成，文件永远不会离开你的设备。
常见问题
为什么我的透明 PNG 导出后有白色背景？
你很可能导出为了 JPEG，而 JPEG 不支持透明度。Alpha channel 会被压平，透明像素会被白色（或黑色）填充。重新导出为 PNG 或 WebP 即可保留透明度。
如何为透明图片设置背景颜色？
在 ImageSizr 编辑器中，将输出格式切换为 JPEG，然后使用背景颜色选择器选择一个纯色填充颜色。该颜色会在导出时替换所有透明区域。
压缩时透明度会怎样？
如果导出为 JPEG，透明度会被背景颜色替换（默认为白色，或你选择的颜色）。PNG 和 WebP 在压缩过程中会保留透明度。
我的图片会被上传到服务器吗？
不会。所有处理都直接在你的浏览器中进行。你的图片永远不会离开你的设备，数据始终保持私密。
如何更改输出格式？
使用工具栏中的格式下拉菜单，在下载前切换 Original、JPEG、PNG 或 WebP。
支持哪些图片格式？
你可以上传 PNG、JPG/JPEG、WebP、GIF、BMP、TIFF、AVIF、SVG、ICO 和 HEIC 文件。输出格式包括原始格式、JPEG、PNG、WebP 和 ICO。