photoshop批次切圖技巧

小常說IT發表於2020-12-16

切圖，就是從效果圖中把網頁製作需要的小圖片裁剪出來。

1、使用psd格式並且帶有圖層的影像切圖

2、在影像上用切片工具切出需要的小圖

3、雙擊切片，給切片命名

4、將需要製作透明背景影像的切片的背景隱藏

5、執行選單命令 儲存為web所用格式

6、點選切片，設定切片的圖片格式

7、儲存切片，選擇“所有使用者切片”，點儲存(多個切片會自動存到所選資料夾中的images資料夾中)

Photoshop製作雪碧圖技巧

雪碧圖，就是將網頁製作中使用的多個小圖片合併成一個圖片，使用css技術將這張合成的圖片應用在網頁不同的地方，雪碧圖可以減少網頁載入時的http請求數，最佳化網頁效能。

步驟：

1、使用Photoshop新建一張背景透明的圖片

2、將小圖片複製到此圖片中，排列好每個影像的位置，圖片幅面不夠可以用畫布大小調整大小

3、按照所有小圖片的範圍裁剪圖片，存為透明背景的png圖片


來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/69990902/viewspace-2742829/，如需轉載，請註明出處，否則將追究法律責任。

相關文章