個人認為切圖雖然不是前端的主要工作，但掌握一些切圖的技巧還是有利無害的。
切過圖的小伙伴肯定對傳統切圖方式很反感。因為真的很麻煩，要一張一張的切。
要切的圖少還好，多了簡直就是噩夢，特別是當用PS提供的參考線輔助切圖的時候，密密麻麻的參考線簡直眼花繚亂。
后來 photoshop 2014 CC 版本開始提供了2種方法輔助切圖。
第一種：打開PS以后選擇文件-腳本-將圖層導出到文件，然后會彈出下面界面
注：如果是 photoshop 2017 CC 版本的，選擇文件-導出-將圖層導出到文件
選擇你要的圖片格式，然后選擇運行即可。隨后PS會開始自動切圖，簡單方便
但過程耗時很長，特別是對電腦的性能有很高的要求，然而切出來的圖能用的也不多。個人感覺很雞肋的一個功能
第二種方式 （推薦這種）
打開ps后選擇首選項（快捷鍵crtl + k）增效工具，然后彈出如下界面
這里一定要勾選啟用生成器選
同時選擇文件-生成-圖像資源（這個時候桌面上會自動生成一個文件夾，用於存放切好的圖）
重點來了，做好上面的准備以后，只需要選中要切圖的圖層，然后雙擊圖層，把名字改為如，logo.png回車即可
然后就可以在桌面上自動生成的文件夾里看到剛剛切好的png格式的圖，jpg也是如此
如果你要切蘋果的2@，3@圖，同樣雙擊圖層后輸入 200% 2@logo.png / 300% 3@logo.png 即可自動生成到桌面的文件夾里
注：這2種方式都需要photoshop CC版，建議使用photoshop 2014 CC版及以上版本
不過上面的方式還是費時間，后面我發現了一款切圖神器，
寫了一篇博客，詳情：https://www.cnblogs.com/tu-0718/p/9745725.html