2026年游戏与 UI 素材交付避坑:9-patch PNG 拉伸区/内容区像素对齐与远程 Mac M4 批量验收清单

设计师与前端交付 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 致灰阶偏色。

9-patch 交付对照:1px 边框、透明边、倍率、sRGB
主题 1px 边框规则 透明边 缩放倍率 sRGB 导出
拉伸(顶+左) 连续纯黑;单轴宜 ≥2px(该密度像素) 非标记格全透明 1.0–3.0 阶梯映射各 drawable,禁二次缩放 sRGB IEC61966-2.1;P3 须签批
内容区(底+右) 与 insets 一致;非对称须标注 四角透明 布局检查器核对 dp 同源 ICC,禁混工具乱改 profile
内侧画面 距环 ≥1px 渐变勿压环下 每桶独栅格化 再压后复检 ICC;manifest 记摘要
控制环当固件:禁双边厚度、禁近黑 hex、环上禁混合透明度。

批量导出工作流

可接监听目录或夜间 CI,压低双机双导方差。

  1. 冻结逻辑:dp 宽、圆角、可拉边;每桶单一母版推导。
  2. 标记后置:像素网格画黑线,合并前可 diff 标记层。
  3. 目录契约:drawable-*dpi 与 Gradle 一致,便于 glob 分区阈值。
  4. 单一工具链:固定 sips / ImageMagick 版本,减 ICC 漂移。
  5. 脚本门禁:须 RGBA;外圈禁半透明尘点(豁免须工单);可选奇偶宽高规。
  6. 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 不占本机改稿。

立即租用 查看节点与价格 SSH / VNC 使用指南
9-patch PNG 交付 2026 远程 M4 批量验收
立即租用