切圖，重要的是找精確像素！不要在用傳統的切刀進行切割啦，拿到一副PSd圖形的，可以使用這樣兩種方式：
（1）如果你的圖層很多，你可以用“ctrl+點擊想要的圖片“直接選中你想要圖片的圖層，簡單到位，然后將圖層轉化為智能對象（當然可以幾個圖層拼到一起），然后雙擊彈出點擊確定，就ok了；
（2）對於大圖，這個時候就有很多的東西存在，這里就使用，選區先選中你要切的圖形，然后”編輯-合並拷貝-新建-拷貝“，就能建立一個完成整的圖片切圖的樣子了，就ok了。
注意：這里的有幾點說明：
（1）切圖要拉好參考線，也可以用”F8“來查看像素的詳細信息；
（2）常用的前端圖片存儲有三種：.png\.jpg\.gif 三者之間的區別，簡而言之可以概括為：
.png 優：色彩單一的圖形合適，不失真，缺：存儲大小中等；
.gif 優：動圖，存儲非動圖時占據內存小，缺：無柔光效果，對前邊的圖形失真嚴重；
.jpg 這里切圖保存時，最好選擇”web所用格式“其中重要的是設置品質 ，在不影響圖像觀看的情況下，可以壓縮，特別是大圖有真實色彩的圖形最好選擇這種格式。
一般，前端所用圖形在200K左右，這樣加載的時候有較良好的效果。