"边缘不好看"其实涵盖了好几种成因不同的问题。先诊断,再动手。

1. 阶梯状锯齿(走样)

边缘出现明显的方块台阶,像楼梯。这发生在 Alpha 通道是二值的时候——每个像素非全不透明即全透明,中间没有过渡。斜线和曲线边缘无法用这种方式表达。

解法:改用能产生抗锯齿(部分 Alpha)边缘的工具,或施加很小的羽化(0.5–1 像素)。注意 GIF 和 8 位 PNG 调色板只支持二值透明;需要平滑边缘就用 24/32 位 PNG 或 WebP

2. 白边或彩色毛边(光晕)

主体周围残留一圈*旧*背景的细线。这就是"部分像素"问题:边缘像素本是主体与背景的混合,而工具把它们保留了下来。

解法:选区向内收缩一个像素、对边缘去饱和,或使用带溢色抑制的工具。把抠图放在与原背景明度相近的背景上,也能掩盖它。

3. 合成后出现暗色光晕

有时正相反:把抠图放到浅色背景上时出现一道深色线。这通常源于Alpha 处理不正确——具体说是链路上某个工具把预乘 Alpha 和直通 Alpha 搞混了。从母版重新导出,或导出为直通 Alpha 的 PNG,一般就能解决。

4. 缩放或压缩后边缘变糙

抠图本来好好的,一缩放或一保存,边缘就毛了。

  • 缩放二值 Alpha 的图会把阶梯放大。永远从带柔和 Alpha 的母版缩放,且只向下缩不向上放。
  • 把透明存成调色板格式(8 位 PNG、GIF)会把 Alpha 量化成开/关两档。
  • 带透明的有损 WebP 在低质量下会沿边缘产生伪影——抠图请保持质量在 80 以上。
  • 抠完再锐化会放大边缘伪影。要锐化就在抠图之前做,或者干脆不做。

能避开这四种问题的顺序

  1. 原始分辨率下抠图,使用抗锯齿/部分 Alpha。
  2. 立刻在母版还很大的时候完成边缘的颜色与溢色修正。
  3. 然后再缩放到目标尺寸——向下缩放会让边缘更平滑,而不是更粗糙。
  4. 导出为 24/32 位 PNG 或高质量 WebP。
  5. 在浅色和深色背景上各放大到 100% 检查一遍。

如果同一张抠图要交付多个尺寸,每个尺寸都要从全分辨率母版单独生成,而不是从已经缩过的副本再缩——Alpha 边缘每被重新缩放一次,粗糙就叠加一层。