手繪與介面資產常以 Procreate 定稿後匯 PNG 給工程或 CMS。痛點在畫布色彩描述檔、sRGB ICC 與契約一致、透明與抗鋸齒，以及 遠端 Mac mini M4 夜跑時的命名與體積閘門。以下為可簽核對照表與驗收清單。
廣色域政策見sRGB 與 Display P3 清單；社群裁切階梯見社群橫幅 PNG 矩陣；壓縮閘門見pngquant／zopflipng 批量矩陣。
決策矩陣（路徑選型）
先選主路徑，避免混用半色調與色彩意圖。
| 情境 | 建議路徑 | 忽視時的風險 |
|---|---|---|
| Web／App 2×、需與設計色票一致 | 畫布即 sRGB；PNG 嵌入 ICC 或 README 明定「視為 sRGB」擇一 | P3 上稿硬轉 sRGB 易飽和度塌、品牌色漂 |
| 行銷去背貼圖 | 全案全透明或全實底擇一；分資料夾＋ manifest | alpha 誤判、邊緣光暈 |
| 動畫／逐幀 | 動畫匯出走專用子目錄與命名空間；靜態 UI 勿混資料夾 | 檔數爆炸、體積閘門全批失敗 |
| 印刷或長期歸檔 | PDF／TIFF 主軸；PNG 僅作螢幕預覽分支 | 解析度與 ICC 解讀與印廠不一致 |
匯出預設
將解析度與格式寫成單一真相來源；晉級前禁私自改倍率。
| 預設欄位 | 建議值 | 備註 |
|---|---|---|
| 格式 | PNG | 與下游 pngquant 管線對齊時禁混 JPEG 子目錄 |
| 解析度／畫布 | 依設計網格鎖 1×／2× 寬高表 | 非整數縮放易引發細線與文字發糊 |
| 圖層匯出 | 全圖合成或逐層擇一寫死 | 逐層時參考層須列清單，禁匯格線草稿 |
| 背景 | 透明或品牌底 RGB 擇一 | WCAG 抽檢另目錄 |
ICC／色彩空間
契約須寫清嵌入 ICC 或「剝離＋README 視為 sRGB」；禁與後段 sips 雙重轉換。
| 項目 | 建議 | 驗收動作 |
|---|---|---|
| 新建畫布 | 交付網頁者優先 sRGB IEC61966-2.1 | 抽 3 檔看描述檔欄位與預期字串一致 |
| 顯示器 | 簽核機暫停夜覽、對齊標準預覽流程 | 與金樣對照中性灰階 |
| 後段統一 | 若僅允許 M4 端轉檔，Procreate 端禁再轉一次 | 管線 log 標記轉換次數為 0 或 1 |
透明與抗鋸齒
透明層疊白／近黑兩底檢光暈；實底禁殘留多餘 alpha。
| 檢查點 | 合格條件 | 工具向提示 |
|---|---|---|
| Alpha 存在性 | 約定透明者須帶 alpha；實底者 alpha 全不透明 | 抽檔用預覽與像素探針 |
| 邊緣 | 無意外底色塊、無巢狀透明度造成的灰邊 | 400% 看圓角與筆觸外緣 |
| 抗鋸齒 | 與金樣在鎖寬下 diff 容差內（例 ≤1px 可調） | 次像素貼圖層單獨列風險說明 |
批量命名
檔名即 CI 首道閘：ASCII、大小寫、零填充寫進 README。
| 欄位 | 範例 | 規則 |
|---|---|---|
| 靜態畫布 | brand_asset_icon_home_24@2x.png |
@2x 與寬高表一致；禁空格與全形符號 |
| 序列／動畫 | fx_spark_###.png |
### 零填充、單一目錄僅一種幀率契約 |
| 版本 | 目錄名 v2026w19/ 或檔名尾碼擇一 |
禁止同一批次混兩種版本語意 |
體積閾值
以位元組閘門抓誤匯大檔；數值請依品牌調 README。
- 圖示級（48–128 px）：多為 tens of KB；多檔
stat>600 KB → 查高解像內嵌。 - 全畫布 2×（例寬 2048）：常數百 KB～數 MB；單檔 >8 MB（非攝影滿版）→ 查圖層與發光。
- 批次總量：記
batch_bytes_total；較前版突增 >35% → 出 diff 報告再晉級。 - 磁碟：開跑前
df -h可用 ≥20 GB 或上趟峰值 ×2（取大）；低於 10 GB 中止並 JSONL 留痕。
可執行驗收清單
M4 夜跑前後可複製到 runbook 逐項執行。
- README 釘死：畫布描述檔、ICC 政策、透明／實底策略。
- 三張代表畫布乾跑：寬高、檔數、命名 regex 全過。
- 抽檔比對 ICC 字串；禁未約定雙次轉換。
- 透明／實底分目錄；alpha 與金樣 diff 在容差內。
- 單一佇列寫出；JSONL 含版號、時間、帳號。
- 體積閘門與磁碟水位過後再晉級
out/或 CDN。
常見問題
新畫布選 sRGB 還是 Display P3？
網頁素材多數以 sRGB 解讀；未配廣色域 CSS 時建議畫布即 sRGB。若必須 P3 上稿，契約須寫清單次軟轉責任方，避免重複轉換。
單檔體積暴增查什麼？
依序查畫布像素、隱藏層、動畫全匯、內嵌大圖；再以位元組閘門比前版。
遠端 M4 批跑重點？
單目錄樹、單佇列寫入、磁碟預留、失敗重試與非零退出；結束對帳檔數與命名。
落地順序：釘 README（色彩＋命名）→ 三畫布乾跑 → M4 單佇列 JSONL → ICC／alpha／位元組／磁碟全過 → 帶版號晉級。
下一步
免登入：技術見解索引、首頁、價格與節點、說明中心。需固定節點跑匯出後校驗與壓縮閘門者，可先讀說明再選方案。
總結與購買引導：README 同時釘住畫布色彩、sRGB 契約、透明規則、命名與體積閾值，夜間批跑才能自動驗收。建議先讀說明中心（SSH／noVNC），再於價格頁比節點，至租用下單；可先短租驗管線再續約，減少本機磁碟與佇列互卡。