三倍圖對應關係
| 後綴 | 對應屏幕 | 縮放比例 | 示例 (基準 4×4pt) |
|---|
| 無後綴 (@1x) | 標準屏 (非 Retina) | 1× | 4×4 px |
| @2x | Retina 雙倍屏 | 2× | 8×8 px |
| @3x | Retina 三倍屏 (Plus/Pro Max 系列) | 3× | 12×12 px |
命名規範
icon.png // @1x
icon@2x.png // @2x
icon@3x.png // @3x
放入 Assets.xcassets 對應的 1x/2x/3x 槽位，Xcode 自動編譯為 .car 資源包，運行時根據 UIScreen.main.scale 自動選取。
常見尺寸速查 (以 pt 為單位)
| 用途 | pt 尺寸 | @1x px | @2x px | @3x px |
|---|
| App 圖標 | 1024×1024 | - | - | 1024×1024 (只需 @3x) |
| 啟動圖 | 依設備 | 見 HIG | 見 HIG | 見 HIG |
| Tab Bar 圖標 | 25×25 (max) | 25×25 | 50×50 | 75×75 |
| 導航欄按鈕 | 22×22 (max) | 22×22 | 44×44 | 66×66 |
避坑提示
- 僅提供 @3x：iOS 12+ 可自動下采樣，但舊設備會顯示模糊，建議三套齊全。
- 矢量圖 (PDF)：Xcode 12+ 支持在 Asset Catalog 勾選「Preserve Vector Data」，單份 PDF 自動光柵化為 1x/2x/3x，適合純幾何圖標。
- 色彩空間：圖片嵌入 sRGB ICC Profile，避免寬色域 (P3) 在舊設備色差。
