作為一個前端工程師切圖這個步驟是必不可少的，方式多種多樣，有和切圖工具的，也有是把要切的圖層元素或者組直接新建保存成文件的，現在photoshop cc2015，可以讓你輕松切圖，擺脫繁瑣的切圖步驟。
如何使用PhotoshopCC生成圖像資源新功能，看PS怎么自動導出自定義大小、格式、名稱的文件。web設計圖片分層導出的有效工具！我們可以讓Photoshop自己隨時導出我們設置大小、格式、壓縮品質的圖像，web設計的一大亮點。
生成圖像資源功能啟用和導出位置
1、在Photoshop中點擊“編輯”>“首選項”>“增效工具”，選擇啟用生成器
2、文件”>“生成”>“圖像資源可用（如果設置首選項中沒有在啟用生成器上打鈎，此功能將不可用
3、新建一個圖像資源生成案例文件
4、制作3個按鈕，分別為默認狀態，鼠標經過，鼠標點擊
5、怎么導出呀，把圖層名稱加上格式后綴，再點擊菜單“文件“>”生成”>”“圖像資源“，就能自動同步導出。
6、默認導出的文件位置為本文檔的存儲位置，如果本文件沒有存儲，會自動導出到桌面，文件名為，“本文檔名稱“+ ”-assets“！
7、查看導出的內容
生成的圖像資源的方式
1、層組將合並組內的圖像生成一個文件，將上面3個按鈕建一個圖層組導出效果如下：
2、如果圖層組內的圖層也有名稱，圖層組將導出一個文件，圖層組內的圖層也分別導出文件。
圖像資源導出的大小
1、要導出不同的格式，只需把圖層名稱的后綴改成相應的格式后綴就可以了。默認jpg格式以90%品質生成，png格式以32為圖像生成，gif以alpha透明度生成。
2、要導出不同的大小：設置大小參數，大小要和名稱之間加一個空格。百分比單位加上百分號。
3、像素單位需要設置長度和寬度，不用加單位
圖像導出的壓縮比例
1、Jpg格式在后綴后面加上1-10或者1-100%
2、png格式輸出品質設置分別為8，24，32
注意事項
這是PhotoshopCC 14.1的一個新功能
原文地址：http://jingyan.baidu.com/article/67508eb4e720ee9cca1ce42c.html
