做過(guò)網(wǎng)頁(yè)設(shè)計(jì)的朋友，想必一定用過(guò)Photoshop進(jìn)行切圖。有時(shí)候會(huì)用到保存透明背景圖片，那么就要用到png圖片格式。下面就來(lái)教教大家怎么切出png圖標(biāo)！ 步驟1：首先我們會(huì)用到一張ico圖標(biāo)素材和

做過(guò)網(wǎng)頁(yè)設(shè)計(jì)的朋友，想必一定用過(guò)Photoshop進(jìn)行切圖。有時(shí)候會(huì)用到保存透明背景圖片，那么就要用到png圖片格式。下面就來(lái)教教大家怎么切出png圖標(biāo)！

步驟1：首先我們會(huì)用到一張ico圖標(biāo)素材和Photoshop。這里我用的是Photoshop CS6。

步驟2：使用Photoshop打開(kāi)圖片。

步驟3：使用切片工具。

步驟4：切割你想要的圖標(biāo)按鈕（推薦使用參考線(xiàn)）。

步驟5：然后在菜單中使用文件下面的“存儲(chǔ)為web所用形式”。

步驟6：點(diǎn)擊進(jìn)去就會(huì)進(jìn)入到一個(gè)設(shè)置圖片格式的一個(gè)界面，設(shè)置下圖片格式，有兩個(gè)png格式，png-8與png-24，根據(jù)大家的需要進(jìn)行選擇！

步驟7：接著就是設(shè)置下保存路徑，注意：在“切片”那里要設(shè)置為“所有用戶(hù)切片”，或者“選中的切片”，這樣才能保存出你想要的切片！

步驟8：這里我保存到的是桌面，在桌面就可以看到已經(jīng)保存好的images文件夾，也就是我們保存的切片所在的位置！

步驟9：打開(kāi)后就是可以看到我們保存好的png格式的圖片！

步驟10：當(dāng)然，這些圖片不是png透明背景的，這個(gè)需要源圖片為透明的背景！

整個(gè)切圖過(guò)程已經(jīng)完全搞定，希望能夠幫到大家！謝謝?。。?！