ps cc 新增了智能切圖,對於web 前端來講是不小的福音,大大提升切圖效率,圖片設計好並正確命名後切好的圖片就自動保存在生成的一個assets 文件夾中前端
一、首先在ps 編輯> 首選項> 增效工具中選中啓用生成器web
二、文件> 生成> 圖像資源(在圖像資源前打勾)工具
經過上面2步準備工做已完成設計
命名方式
要導出不一樣的格式,只需把圖層名稱的後綴改爲相應的格式後綴就能夠了。默認jpg格式以90%品質生成,png格式以32爲圖像生成,gif以alpha透明度生成
png格式輸出品質設置分別爲8,24,32圖片
要導出不一樣的大小:設置大小參數,大小要和名稱之間加一個空格。百分比單位加上百分號,如:50% 名稱.jpg 100% 名稱.png 20x30 名稱.png32(特別注意乘號x 不是星號*) 資源
圖像導出的壓縮比例
Jpg格式在後綴後面加上1-10或者1-100% 如:50% 名稱.jpg5 (50%是圖片的大小,後面的5是50%的質量)效率
@2x Retina圖片的輸入,在圖層前加200%便可,如200% logo@2x.png命名
等全部的名稱加上圖片格式後 ,保存後就能夠在ps 文件同級找到assets文件夾,切好的圖片靜靜的躺在那
生成器