macOS 應用程式圖示看似「一張圖」，實際納品常牽涉 .iconset 內十餘張 PNG、最後封成 .icns，再加上 sRGB 與 Alpha 政策與系統圓角認知落差，最容易在釋出前返工。本文給設計與素材接口一份可簽核的決策矩陣與驗收表，並附 sips／iconutil 參數思路，方便在 Apple Silicon（含遠端 Mac M4）上批量重跑。延伸可讀 iOS App Icon 全尺寸與 Contents.json、Mac PNG 色彩管理 sRGB／P3、App Icon PNG 與 JSON 批量校驗；透明邊治理可併讀 設計師 PNG 透明 FAQ。
核心關鍵詞：ICNS、iconset、PNG 批量、sRGB、iconutil、sips、遠端 Mac、M4、驗收清單。
① ICNS 與 .iconset：交付物怎麼選？
兩者承載的像素合約一致，差在包裝：.iconset 是資料夾（內含多張 PNG），利於版控 diff 與腳本校驗；.icns 是單一二進位容器，部分舊工具鏈或腳本仍指定要 ICNS。與工程對齊「Xcode 資產目錄是否直接引用 AppIcon.icns 或 *.iconset」後再開工，可避免重做命名與目錄結構。
| 項目 | .iconset 資料夾 |
.icns 單檔 |
|---|---|---|
| 內容 | 多張 PNG，檔名符合 icon_<W>x<H> 慣例 |
由 iconset 封裝後的聚合檔 |
| 版控／稽核 | 易 diff、可逐張質檢 | 需解包或專用工具才細看各層 |
| 產出方式 | 設計匯出或 sips 批量寫入資料夾 |
iconutil -c icns MyIcon.iconset |
| 常見用途 | 資產目錄、CI 校驗流水線 | 傳統 Bundle、部分建置腳本 |
② macOS iconset 標準尺寸表（PNG 目標像素）
下列為常見 10 槽位組合（檔名與像素需對齊；若專案另有行銷用超大圖，勿與 App 圖示槽位混在同一套規格）。
| 檔名（慣例） | 實際像素（寬×高） | 備註 |
|---|---|---|
icon_16x16.png |
16×16 | 1× 小圖示 |
icon_16x16@2x.png |
32×32 | 對應 16pt @2x |
icon_32x32.png |
32×32 | 1× |
icon_32x32@2x.png |
64×64 | 常用列表預覽 |
icon_128x128.png |
128×128 | 1× |
icon_128x128@2x.png |
256×256 | |
icon_256x256.png |
256×256 | |
icon_256x256@2x.png |
512×512 | |
icon_512x512.png |
512×512 | |
icon_512x512@2x.png |
1024×1024 | 與行銷／商店素材策略對齊時另議 Alpha |
③ 色彩空間與匯出政策（sRGB 驗收）
圖示在多處 UI 與淺／深色背景下並存，色彩意圖不一致會比單張海報更刺眼。建議全隊鎖 sRGB 為交付描述檔，並在規格書寫清：是否內嵌 ICC、是否允許帶 Alpha 的邊緣像素。與廣色域 UI 切片並存時，請對照 sRGB 與 Display P3 驗收清單，避免 Dock 與視窗內圖示色偏不一致。
| 驗收項 | 建議標準 | 工具提示 |
|---|---|---|
| 色彩空間 | 匯出為 sRGB；禁止「未標籤」漂流 | 設計工具內嵌描述檔＋抽樣預覽 |
| 位元深度 | 8-bit RGBA／RGB | 中間稿可 16-bit，納品前轉 8-bit |
| 縮放演算法 | 高品質縮小（Lanczos／雙三次） | 細線圖示可微調銳化再批量 |
| ICC | 與團隊政策一致（內嵌或轉換後移除） | 與 元數據與無損重壓縮 流程對齊 |
④ sips、iconutil 與腳本參數示例
在 Mac 上批量衍生尺寸時，sips 適合確定寬高的輸出；母稿請先固定正方形，避免強制拉伸變形。iconutil 會檢查 iconset 內容完整性，缺槽位或檔名錯誤會直接失敗，適合當 release 閘門。
單檔縮放示例（寫入指定寬高）：
sips -z 512 512 "Master1024.png" --out "MyIcon.iconset/icon_512x512.png"等比縮到最長邊不超過 N（維持寬高比，適合來源非正方形時先規整）：
sips -Z 1024 "Source.png" --out "normalized.png"封裝 ICNS（於 iconset 目錄就緒後）：
iconutil -c icns MyIcon.iconset -o MyIcon.icns批量掃描像素（驗收迴圈）：
for f in MyIcon.iconset/*.png; do
printf '%s ' "$f"
sips -g pixelWidth -g pixelHeight "$f" | paste -sd ' ' -
done若同一套流程還要產出大量介面 PNG，可併讀 遠端 Mac M4 批量 4K PNG 匯出指南 的佇列節奏；CLI 編排可參 PNG 批處理 CLI 與重試模板。
⑤ 驗收清單（設計／素材／工程聯簽）
| 檢查項 | 作法 | 通過標準 |
|---|---|---|
| 檔名與槽位 | 目錄列表對照第二節表 | 每槽位恰好一檔，像素與表內完全一致 |
| 正方形 | sips -g pixelWidth -g pixelHeight |
寬＝高 |
| 圓角政策 | 設計＋真機截圖 | 預設不預烤 macOS 圓角；若有品牌模板例外須書面記錄 |
| 透明邊／Alpha | 棋盤底預覽＋角落抽樣 | 無非預期半透明邊緣；規格允許的 Alpha 範圍內 |
| sRGB | 匯出預設＋抽檢 | 與團隊 ICC 政策一致，跨工具比對無離譜色偏 |
| ICNS 封裝 | iconutil |
命令成功退出；產物可被目標建置腳本 consume |
| 可追溯性 | manifest.csv 或 JSON |
含檔名、寬高、位元組、時間戳、工具版本 |
⑥ FAQ：圓角、透明邊與工程接口
圓角要畫嗎？
一般不要把系統圓角烤進點陣；以正方形構圖與安全區為主，讓系統遮罩負責外觀。若行銷物料需要「已圓角」示意，請與 App 內圖示規格分檔管理。
Dock 上出現灰邊或髒邊？
多為半透明抗鋸齒叠在不同底色上。可收斂邊緣 Alpha、改實心底，或在批量前於母稿做 1px 收邊；並在淺色／深色桌面各截圖一次驗收。
工程只要 ICNS，流程怎麼切？
仍以 .iconset 為真實來源跑校驗，通過後再 iconutil 產 ICNS 附上構建；CI 可只存 iconset，發佈步驟產 ICNS。
⑦ 為什麼放到遠端 M4 上跑批量？
圖示批次量不大，但可重現性價值高：釘住 macOS 版本、sips 行為與目錄權限，讓任何人在筆電關機後仍能對同一 inbox 重跑腳本，輸出帶時間戳的 manifest。對分散團隊而言，一台遠端 Mac 等同輕量素材 CI，與 MacPng 首頁所強調的 Apple Silicon 託管場景一致。
小結
用對照表鎖像素與檔名、用sRGB 政策鎖色彩意圖、用 sips＋iconutil 鎖可重跑產線，再把圓角與透明邊寫進 FAQ 與簽核表，就能把 Mac 圖示交付從「手工匯出一疊圖」變成可審計流程。需要長開機、穩定 macOS 與 CLI 環境承載夜間批次時，建議租用遠端 Mac（M4）專跑匯出與校驗，本機專注設計與創意迭代。
下一步：方案與說明
歡迎從 MacPng 首頁了解遠端 Mac 場景，開啟 租用／購買、價格與節點比對套餐；部署與連線問題可見 說明中心。更多設計向文章請至 技術見解（部落格列表），並用分類篩選設計指南。