透明的车辆图像是一种小小的超能力：没有任何背景的车辆，准备好放在设计所需的任何地方。着陆页面、暗黑模式应用、电子邮件活动和印刷的单页文档都不再与照片的原始设置作斗争。本文介绍了干净切割图像的来源以及使它们值得拥有的模式。
三种来源，三种质量等级
手动遮罩生成最佳单一剪切，但无法处理大量图像。自动背景移除可以扩展，但会留下痕迹：镜子边缘被咬掉，玻璃周围有光晕像素，阴影被移除一半。渲染图像跳过这个问题，因为车辆是没有背景生成的，而不是从背景中拯救出来的，所以每个边缘的alpha通道都是干净的，包括难处理的边缘。
- 手动遮罩：完美但无法大规模使用
- 自动移除：价格实惠但明显不完美
- 渲染剪切：结构清晰，包含相同的框架
格式说明，省去烦恼
透明度需要一个 alpha 通道，这意味着 PNG 或 WebP。带有 alpha 的 WebP 显著更轻且在实践中得到广泛支持，因此它是网络默认格式；PNG 仍然适合打印交付和合成管道。请求您渲染的大小，因为透明图像仍然发送您请求的每个像素。格式指南深入探讨了这一问题。
切割图像解锁的设计模式
透明的意义在于背景成为设计元素。相同的车辆资产可以在每个主题和季节中使用，而无需图像编辑：
- 每辆车后面都是品牌颜色区域，只需一条 CSS 规则
- 无需重拍资产的暗黑模式
- 季节性活动场景中将车辆合成进去
- 背景是表格单元填充的电子邮件模板
- 印刷品中车辆放置在布局中，而不是在盒子里
阴影：定位的问题
纯切割图像漂浮，漂浮看起来像剪贴画，除非设计风格接受它。实际的选择是渲染的工作室阴影，它将汽车固定在任何明亮的表面上，或者在插图密集的布局中故意采用平面风格。绝对不能在一个网格中混合固定和漂浮的汽车。变体及其组合位于 阴影、反射和透明度。
如果你在评估剪切质量，将镜子、轮拱和玻璃边缘放大到200%。这三个地方能在几秒钟内暴露每一个自动移除工具，那里的清晰结果预示着其他地方的清晰结果。
自定义背景配方叠加在透明资产上，背景文章有四个可以直接使用。
剪切安静失败的地方
在生产中，两种失败模式反复出现。首先，当质量设置过低时，alpha 边缘周围的压缩伪影：车辆在深色背景上长出一圈微弱的碎边。其次，半透明区域如玻璃和灯组，天真的管道要么产生实心块，要么产生完全的洞。通过将剪切放置在纯黑色和纯白色上，并查看窗户和车顶线来测试这两种情况。在两个极端情况下都获得干净的结果，意味着该资产能够应对任何设计。
预算说明：透明度本身在请求时不收费，因为它是一个参数而不是编辑步骤。您节省的成本是重新触摸流水线，它在基于照片的目录中悄然运行到每张图像几分钟，永远不会结束。
