iOS 切圖基礎

• 基準界面尺寸：320×480（1x）；
• 實際設計稿用最高分辨率：iPhone 5/5s 640×1136 或 iPhone 4/4s 640×960（寬度同為 640px，切圖標準一致），輸出 2x 圖；
• 為何不直接用 320px 設計稿？1x 放大成 2x 遠比 2x 縮小成 1x 模糊。

Android 碎片化適配

開源代價 = 設備規格不可控。同一圖標需切 N 份對應不同分辨率。開發單位用 dp/sp（dp 元素尺寸、sp 字體），設計稿用 px，需搞清換算。

Google 官方 4 種 dpi 模式

• MDPI（基準，對應 iOS 1x，320×480）；
• HDPI（1dp=1.5px）；
• XHDPI（對應 iOS 2x）；
• XXHDPI（未來或增 XXXHDPI）。

px 與 dp 換算實例

• MDPI：1dp=1px。PS 48px → 開發 48dp；14px 字體 → 14sp。
• HDPI：1dp=1.5px。PS 72px → 開發 48dp；21px 字體 → 14sp。

iOS/Android 切圖尺寸對應表

最低成本策略：同一套 640×960 設計稿，覆蓋 iPhone 3~5 及 Android MDPI/HDPI/XHDPI；XXHDPI 自動放大 XHDPI 資源。

把切圖交給工具

手工切圖一次還可忍，反覆修改必崩潰。推薦三大神器：

• Slicy（Mac 專用，省時省力）：下載 / 使用說明
• Cut&Slice me（PS 外掛）
  
• Cutterman（PS 外掛）
  
• devRocket（收費，功能強大）
  

小結與展望

工具解決了「怎麼切」，但「一個圖標切多套尺寸」問題未變。未來方向：圖標字體、SVG 等無分辨率方案，像 Web 端一樣徹底解決適配痛點。