切圖是設計還原的橋梁，枯燥但極考驗耐心與細節。本文結合實戰經驗，系統梳理 PS 切圖技巧、格式選擇、壓縮優化、.9 圖應用、圖標統一、Markman 標注協作全鏈路。

PS 高頻快捷鍵（記住這些就夠）

• C：切片工具 | 空格+拖動：畫布漫遊 | Alt+滾輪：縮放
• Alt+右鍵：圖層直選 | V：移動工具 | M：選區工具
• Ctrl+D：取消選區 | I：吸管取色

更全快捷鍵參考：豆瓣筆記

功能模塊歸類切圖

新項目按功能模塊切圖，配合迭代開發節奏；單頁切圖則遵循現有規範。

格式選擇與壓縮

• 色彩豐富 → JPG 優先；色彩簡單/需透明 → PNG 優先
• 切片存儲可單獨設定格式，按需導出
• 二次壓縮工具：atool PNG 壓縮、secaibi 工具箱
• 禁忌：嚴禁對 JPG 二次處理（有損格式），源文件保存為 PNG 再壓縮。

.9 圖（Android 專用）

擴展名 .9.png，通過邊緣黑線標記可拉伸區域，保留圓角/漸變/像素精度，實現多分辨率完美適配，減少資源包體積。

圖標統一尺寸：PS Action 一鍵搞定

錄製「畫布大小調整/居中/導出」動作，批量處理消除像素誤差，節省大量人工時間。

Markman 標注協作

標註長度、座標、顏色、文字、矩形，讓開發精確控制控件位置，效果圖與成品零差別。

總結： 好切圖=設計還原加速器+開發負擔減輕器。讓切圖與開發成為最默契的合作夥伴，為完美呈現護航！