今天和我們公司的前端對接發現，這才發現他們的切圖方法不高效，所以才有了這篇文章。
ui在做圖標的時候會給底部加一個切圖區域的矩形框，這是為什么呢，第一方便ui做圖標的時候有個參考范圍，第二點就是為了前端切圖的時候可以按照底部的矩形區域去切圖，其實是為了方便了前端更好的切圖（當然不用切圖的前端就不用往下看了）；
例如下圖所示，tab bar中每一個icon都底部都有一個隱藏的切圖范圍，ui一般保存psd的時候會將其隱藏掉，方便看效果圖
如圖所示如果icon都貼着邊切的話，就會出現一個問題，tab bar這三個圖標大小不一致，所以不方便前端書寫代碼。那么該怎么利用這個隱藏的切圖范圍呢？
1.首先切圖當然是要先隱藏背景，如圖示
2.將切圖區域全部顯示出來
3.將3個icon的切圖范圍選中，注意看右側圖層選中情況
4.點擊【圖層】-【新建基於圖層的切片】
5.現在的話3個等大的切圖就好了，這時候將紅色的切圖區域隱藏，點擊【文件】-【導出】-【儲存為web常用格式】即可
當然使用這種方法的話其實是沒有@1x @2x @3x圖的，當然安卓要切得尺寸更多一些，那么我再錄一個cutman插件的切圖方法吧，道理其實一樣，都是需要一個切圖區域，然后標記切圖區域，然后隱藏自己的畫的那個切圖區域，切誰點擊誰，ios或者Andriod，然后點擊導出選中的圖層即可導出@1x @2x @3x 和XXXHDPI 等圖，如gif所示
