功能簡介

PS CC 引入「生成 → 圖像資產」功能：只需在圖層/群組名稱加上副檔名後綴（如 icon.png、banner.jpg），儲存 PSD 即可自動在同目錄生成對應格式圖片，支援多格式同時輸出、品質參數控制，徹底取代手動「存儲為 Web」或切圖外掛。

操作步驟

1. 啟用功能

選單 檔案 → 生成 → 圖像資產，打勾啟用。

2. 命名規則與輸出控制

• 單一格式：圖層/群組命名為 logo.png、photo.jpg。
• 多格式同時輸出：命名用逗號分隔 icon.png, icon.jpg, icon.svg。
• 品質參數：
  • JPG：photo.jpg80%（品質 80）、photo.jpg40%。
  • PNG：icon.png8（PNG-8）、icon.png24、icon.png32。
• 尺寸縮放：@2x/logo.png（雙倍圖）、50%/thumb.jpg（50% 縮圖）。
• 子圖層獨立輸出：群組命名帶後綴，群組內每個圖層皆會輸出；若僅需群組合成圖，群組命名帶後綴，內部圖層不加後綴。

3. 儲存 PSD 觸發導出

按 Ctrl+S 儲存 PSD，同目錄自動生成資料夾 文件名-assets，內含所有命名輸出的圖片。

實戰優勢

• 設計稿即切圖稿：圖層結構即輸出結構，修改圖層內容存檔即同步更新切圖。
• 團隊協作零溝通成本：前端直接從共享資料夾取最新切圖，無需設計師額外匯出。
• 版本控管友善：PSD 為單一真實來源，切圖為衍生產物，不納入 Git 版控，倉庫輕量。

注意事項

• 圖層名稱不能包含非法字元（/ \ : * ? " < > |）。
• 圖層可見性關閉時不輸出；隱藏圖層需先顯示再存檔。
• 智能物件、向量圖層同樣支援，會依當前畫布解析度光柵化輸出。
• 大量圖層同時輸出可能佔用 CPU/磁碟 IO，建議分批命名存檔。