导出PNG时保持透明背景

透明资产包含描述哪些像素可见的 Alpha 通道。 这与棋盘格的图片不同。 如果您下载了显示徽标后面的棋盘的屏幕截图，这些正方形可能是普通的可见像素。 将该屏幕截图保存为 PNG 不会删除它们。 在编辑器中打开真实资产并检查背景是否可以实际显示。

此工作流适用于需要较小交付版本的现有剪切、栅格徽标或叠加层。 它无法识别主体、擦除背景或更换严重切割的边缘。 首先在原始设计中进行这些编辑。 保留一个可编辑的主文件并从中导出透明的PNG，然后在需要不同的栅格大小的情况下使用此页面，而无需故意将背景平坦化。

预设保留原始像素，选择 PNG 并关闭锐化。 PNG 是这里的输出，它保留了现有的透明度。 此工具的 JPEG 和 WebP 导出使用不透明的白色背景，因此不要为必须在不同页面颜色上工作的资产选择它们。 质量滑块不控制 PNG 的无损压缩。

对于较小的副本，选择“适合”并输入可用框。 这可以保留源比例，而不会切断边缘。 精确大小裁剪到选定的形状，并可能移除标记的阴影或部分，因此仅在需要裁剪时使用它。 避免主资产上不必要的字节上限。 达到一个紧的帽子可能需要减少像素，这可能会使小标志或窄轮廓难以阅读。

在浅色和深色背景下查看下载的 PNG。 剪切可能包含较早的白底编辑中的淡边像素。 透明度在技术上可能完好无损，而黑暗部分的光环看起来仍然不正确。 同样，即使导出是正确的，黑暗的徽标也可能会在暗页上消失。 修复源中的这些设计问题，而不是重复压缩。

检查图像的实际显示尺寸。 半透明的阴影和狭窄的笔画在减少时会在视觉上发生变化，即使使用 PNG 输出也是如此。 对于 Web 发布，请设置元素的尺寸并在图像传达信息时提供有用的替代文本。 装饰覆盖层可能需要与链接的公司徽标不同的可访问性处理。 在处理一组匹配的资产之前，下载测试导出并将其放在真实布局中。 在整个转换过程中，您的来源仍保留在您的设备上。

尝试一个带有柔和阴影的深色徽标和为深色背景设计的第二个徽标。 将下载的 PNG 放在一个临时的灯光部分和布局的黑暗部分中。 查看预期显示大小的窄笔划和阴影边界。 如果一种版本变得不可见，请选择正确的源变体，而不是将其展平为不同的背景颜色。 如果出现白色光环，请重新访问原始切口。 文件可以保留其 alpha 通道，并且对于特定页面仍然是糟糕的视觉匹配。 在将共享设置应用于所有变体之前，请检查这两个属性。