设计师与前端交付 Android .9.png 时,返工多在1px 控制边、透明角、密度取整与sRGB,真机拉伸才暴露。本文含对照表、可执行导出工作流、偏色与锯齿 FAQ及远程 Mac M4批检参数,对齐 HUD 与 UI 底图验收。
整数倍率见《Figma PNG 像素对齐与 M4 验收》;色彩见《sRGB / P3 清单》;批检见《OpenClaw PNG 批量质检》。
规范解读
最外 1px 是机器标记:顶+左黑线为可拉伸区;底+右为padding。四角须全透明;标记仅纯黑或全透明,禁用灰边抗锯齿。主图距环内侧 ≥1px,避免采样碰到裙边。痛点:(1)拉伸带过窄成噪点;(2)safe zone 与 padding 不一致裁字;(3)外圈半透明尘点;(4)未嵌 sRGB 致灰阶偏色。
| 主题 | 1px 边框规则 | 透明边 | 缩放倍率 | sRGB 导出 |
|---|---|---|---|---|
| 拉伸(顶+左) | 连续纯黑;单轴宜 ≥2px(该密度像素) | 非标记格全透明 | 1.0–3.0 阶梯映射各 drawable,禁二次缩放 | 嵌 sRGB IEC61966-2.1;P3 须签批 |
| 内容区(底+右) | 与 insets 一致;非对称须标注 | 四角透明 | 布局检查器核对 dp | 同源 ICC,禁混工具乱改 profile |
| 内侧画面 | 距环 ≥1px | 渐变勿压环下 | 每桶独栅格化 | 再压后复检 ICC;manifest 记摘要 |
批量导出工作流
可接监听目录或夜间 CI,压低双机双导方差。
- 冻结逻辑:dp 宽、圆角、可拉边;每桶单一母版推导。
- 标记后置:像素网格画黑线,合并前可 diff 标记层。
- 目录契约:
drawable-*dpi与 Gradle 一致,便于 glob 分区阈值。 - 单一工具链:固定
sips/ ImageMagick 版本,减 ICC 漂移。 - 脚本门禁:须 RGBA;外圈禁半透明尘点(豁免须工单);可选奇偶宽高规。
- manifest:
sha256、宽高、密度、ICC 摘要、预设版本。
常见偏色与锯齿 FAQ
中性灰一拉就偏色?
多因未嵌 sRGB、预乘 Alpha 与 gamma。统一导出端、嵌 profile,sRGB 真机复核;环上禁半透明。
拉伸接缝或锯齿?
带窄或带内渐变易露缝。加宽纯色可拉带,并让可拉段宽度与各密度桶的像素缩放整除对齐,减少插值露线。
WebP 直接换 .9.png?
经典 View 不可无损替换;迁移另立项,合同仍以九宫 PNG 为准。
远程 M4 批处理参数建议
大批量 Alpha 与尺寸统计放远程 Mac mini M4,并行不抢本机改稿。统一节点上的 macOS 与 CLI 版本,可减少「本机绿、CI 红」的假阳性。
- 并行:worker ≤ 物理核减一。
- 防抖:末写后静默 20–40s 再检。
- Alpha 尘:外圈 2px 内半透明判失败(可配置豁免)。
- 体积粗阈:HUD 条 xhdpi 常 <180KB;重 chrome ≤ 400KB(无内嵌动画)。
- ICC:默认须嵌 sRGB;无 profile 整批退,除非 README 豁免。
总结转化
可引用:(1)环上仅黑白与透明;(2)拉伸带宜 ≥2 设备像素等效;(3)倍率 1.0–3.0 一次到位;(4)manifest 锁哈希与版本。脚本验收比口头复扫便宜。
固定 macOS 与工具链跑监听批检,可免登录看 购买与租用、价格与节点、帮助;总览 首页,延伸阅读 技术见解。
远程 Mac M4 上跑 9-patch 批量验收
九宫 PNG 质检与 manifest 放 Apple Silicon 专机,环境一致、并行更快,SSH/VNC 不占本机改稿。