自動版面匯出的點陣圖常因非整數畫框與子像素排版出現糊邊、接縫與倍率錯位。本文給設計師與前端一份二〇二六年決策矩陣：匯出參數表、對齊網格與整數倍率規則、標準紅綠藍校驗，以及在遠端 Mac mini 晶片四代上可重複執行的批量驗收步驟。
工作流：批量匯出、多工具參數、自動命名；色域清單、中繼資料。
痛點與場景
浮點排版易造成非整數畫框糊邊、切片接縫、倍率錯位與缺描述檔色偏；批量時單框即拖垮監聽腳本。請在長開機遠端 Mac凍結桌面版與顯示描述檔；水印流程見匯出水印歸檔。
匯出參數表
介面切片建議全隊遵守下表；行銷全幅另資料夾並註記例外。
| 參數 | 建議值 | 說明（設計／前端） |
|---|---|---|
| 匯出格式 | 點陣圖並保留透明 | 圖示與疊加需無損透明。 |
| 一倍畫框邊界 | 寬高皆整數像素 | 減少子像素柵格漂移。 |
| 對齊網格 | 一像素網格＋貼齊；八點節奏 | 內外距落在可預期邊界。 |
| 子像素座標 | 避免；推回整數 | 高倍率放大模糊與接縫。 |
| 匯出倍率 | 一倍、二倍、三倍整數倍 | 對齊檔名與響應式圖片集。 |
| 自訂百分比倍率 | 關閉除非行銷核准 | 易非整數邊長，腳本難維護。 |
| 切片範圍 | 一元件或一畫框一檔 | 利於差異比對與持續整合。 |
| 色彩政策 | 網頁預設色域；按需內嵌描述檔 | 見下列校驗清單。 |
倍圖規則：邏輯一倍以點設計；輸出像素＝點數×整數倍率（例：一百乘四十點→一百乘四十、二百乘八十、三百乘一百二十）。
標準紅綠藍校驗（清單）
- 文件色域對齊網頁慣用之標準紅綠藍。
- 匯出後在 Mac 節點抽檢內嵌描述檔；規範要求內嵌則缺者退件。
- 廣色域行銷稿另資料夾，勿混介面切片。
批量校驗流程
於遠端晶片四代 Mac mini執行，環境一致。
- 凍結環境：版號、字型、顯示描述檔寫說明檔。
- 尺寸閘道：像素＝點數×倍率；異常回檔收斂小數。
- 偶數邊（選用）：全幅背景可要求寬高偶數。
- 透明邊抽樣：預覽放大抽約百分之五查雜邊。
- 描述檔抽樣：圖示依合規全檢或高比例抽檢。
- 清單檔：檔名、雜湊、寬高；只重匯失敗項。
- 歸檔：日期打包；監聽對齊重試歸檔。
大量元件宜在蘋果晶片節點跑校驗；腳本範式見批量質檢。
可引用：整數畫框＋整數倍率；子像素巢狀為糊邊首因；標準紅綠藍須入資料夾規約並抽檢。
跨工具一致性
統一一倍網格、倍率集合、檔名、網頁色域；整數邊長與描述檔減少工程端靜默縮放。透明見工具比較；驗收後無損壓縮見壓縮對照。
常見問題
畫布較銳利？縮放與插值不同；以匯出檔百分之百預覽量像素，再在瀏覽器以邏輯一倍載入比對。
間距可小數？可；但匯出畫框邊界須整數像素。
筆畫轉外框？可能改善純向量筆畫；先單件試轉。
驗收後壓縮？僅無損優化；有損可能改透明邊。