[PS] 切片工具

切片工具：格式/ HTML和影像

通過圖片分割可以將網頁中的大圖一次性加載。因此，製作網頁時，會先用Photoshop設計出網頁的視覺版型，確定沒問題後，再用Photoshop切片工具，將畫面中的區塊一一的分割，再另存為網頁使用。
☞ SJ33 設計之家 | 如何正確使用Photoshop切片工具

影像資產：檔案/ 產生/ 影像資產

雖然說切片工具很方便 ，但有時一不注意時，就會出現1像素的誤差，使得畫面在拼接時，產生空縫或白邊，這時就得再回到Photoshop，用放大鏡工具放大來檢視，並重新調整，但自從Photoshop CC2014版後，就已提供一個影像資產的新功能， 只要將圖層輸入jpg或png，就會自動輸出並儲存，完全不用再作切片，立即就可將製作好的網頁版型給輸出完畢，這功能對網頁設計特別有用，可以省去很多切版的時間。

☞ 李介介的介入影像 | Photoshop從圖層命名的小動作自動產生影像檔案
☞ 梅問題教學網 | Adobe Photoshop CC 不說的祕招!讓網頁切圖更快速

---

Reference

☞ Photoshop 說明 / 從圖層產生影像資產
☞ Photoshop教學：【入門篇】使用切片工具存取大量圖片
☞ Photoshop 在圖層命名後面加 .jpg 即可將圖層令存新檔