手機 APP 介面設計完成後，切圖出圖環節直接影響開發還原度與效能。本文整理三大關鍵實戰技巧，助設計師與工程師高效協作。

技巧 1：預先確認圖片格式限制

不同平台、框架對圖片格式（PNG/WebP/JPG）、色彩空間（sRGB/P3）、是否支援透明通道、最大尺寸皆有規定。出圖前務必與開發同步規格文件，避免返工。

技巧 2：儲存採用 Web 安全色

早期行動裝置硬體色深有限，現代雖已普及真彩色，但為相容舊裝置、減小檔案體積，建議輸出時轉為 sRGB 色彩空間，並啟用「存儲為 Web 所用格式」進行壓縮優化。

技巧 3：建立座標規範與切圖命名

制定統一的圖層命名規則（如 `btn_login_normal@2x.png`）、座標參考點（以畫布左上角為原點）、圖層群組結構，並匯出標註圖或使用 Zeplin、Figma 等協作工具，讓開發能精準還原位置與間距。

良好的出圖規範是設計交付品質的保證，建議團隊內部制定《切圖交付規範》文件並持續迭代。