插画与 HUD 从 Procreate 进前端时,扯皮多在画布色彩配置文件与导出 PNG 是否落在 sRGB 合同。本文用决策表串起母版、导出与远端验收;细则见 sRGB·P3 清单、ICC 无损重压缩清单,高分辨率批量见 4K 批导指南。
决策矩阵(总表)
按行勾选,脚本只认表中枚举。
| 交付场景 | 画布/母版建议 | 导出预设要点 | ICC / 色彩 | 透明 / 抗锯齿 | 命名与体积 |
|---|---|---|---|---|---|
| 网页 / App @1x/@2x | 像素与密度进简报;母版与导出同源整数倍 | 分享→PNG;套系用图层批量导出 | 交付 sRGB;允许 sips 归一须写 README |
直线阿尔法;细线整数像素抽检 | {项目}_{图层}_@2x.png;默认 ≤1.5MB |
| 营销主视觉 | 印前与 Web 分文件 | 高分辨率母版只在 Mac 侧做 ICC/体积 | Web 档剥印前 profile 或重嵌 sRGB | 预乘写死;浅/深底各验一屏 | 全宽档 ≤3MB;超标 quarantine/ |
| 纹理 / 无缝 | 2 的幂或书面容差 | 禁用非合同锐化与滤镜 | 与引擎一致;优先 sRGB 纹理 | 接缝实际像素看,禁缩放冒充 1:1 | tex_ 前缀;单张 ≤2MB 起 |
导出预设
锁画布大小、DPI、是否含背景进模板名。图层批量导出前先统一可见性与组结构。有位图合同则标明仅静帧,避免误出视频容器。
ICC 与色彩空间
画布 profile 定母版色域。以 Web sRGB 为主时,规范须写清是否允许 Display P3、是否在远端二次嵌 ICC。抽检 5%–15%:sips -g profile 或 magick identify -verbose 对白名单;细则见上文 ICC 清单。
透明与抗锯齿
固定「直线阿尔法 / 预乘」之一;在目标底色(十六进制写死)上截图归档。边缘以标定屏实际像素验收,禁缩放预览冒充 1:1。
批量命名
模板示例 {slug}_{layer}_{w}x{h}_srgb_v{semver}.png,semver 对齐令牌。对外构建用 ASCII;目录 export_in/、work/、deliver/、failed/,工作区勿放云同步根。
体积阈值与远程 M4
批跑 stat -f%z 对阈值表;磁盘可用 >20% 卷容量再开大活。超限先查多余层、未裁画布、DPI 误设;再上 pngquant 须另签有损合同。
可执行验收清单
- 锁画布:首屏截图「画布色彩配置文件」进 Wiki。
- 锁导出:首样记录 Procreate 版本与导出路径。
- 跑几何:脚本断言 WxH 与(若要求)偶数像素。
- 跑色彩:抽样 ICC / Colorspace 与 README 一致。
- 跑透明:浅/深底各叠一张,勾选光晕。
- 跑体积:
max_bytes超限进failed/size/,JSONL 记因。 - 晋升:仅
deliver/同步构建或对象存储。
常见问题
画布已是 sRGB,浏览器仍偏色? 多为预览与文件 ICC 不一致,或未锁空间的二次缩放;README 写明是否允许 sips/magick 归一,并用标签色块对照。
透明边发灰? 核对预乘/直线合同;必要时先合并约定底色再剥,或交付「预览 PNG + 无底 PNG」两套并后缀区分。
阈值按单文件还是整批? 建议双写:单文件 max_bytes 防巨图,整批 sum 或均值防漏压;超标隔离并 JSONL,勿静默覆盖。
总结与购买引导
把画布、导出、ICC、透明、命名、字节写进矩阵可显著减返工。要常电、NVMe、夜间跑 stat/sips,远程 Mac mini M4 比本机更合适。免登录:首页了解产品,购买与租用下单,套餐与节点比算力与盘,帮助中心接 SSH;更多矩阵见 技术见解。
下一步:租用远程 M4 跑 PNG 批验收
导出收件箱指到远端 export_in,launchd 或监听流水线串行跑;购买与租用、套餐与节点、帮助中心均为公开页。