具體步驟：
下面舉例說明如何在Photoshop中切割圖片。
1. 打開壹張圖片，選擇工具欄上的“切片工具”，樣式有三種選擇，為了便於圖片的管理，通常選擇“固定大小”。普通網頁寬度通常是760px，所以選擇五分之壹寬度，也就是152px作為切割圖片的寬度。寬度和高度都可根據圖片大小隨意調整。
2. 選中“切片工具”後，在圖片上任意點擊壹下左鍵，或者按住左鍵拖拽壹個方形，就出現壹個切片。
3. 如果變換切片的位置和大小，選擇工具欄上的“切片選擇工具”，再點擊某個切片即可選中。用左鍵按住某個已選中的切片，可以隨意挪動切片位置。用左鍵按住切片四周的小黑點，也可隨意伸展或收縮切片大小。如果在某個切片上單擊右鍵，彈出的菜單上可以選擇刪除切片或者編輯切片。
4. 以此類推，再次選擇“切片工具”在圖片上切出更多切片，並排列位置
5.如果需要，還可以把某個切片細分成更多小切片。方法是，選擇工具欄上的“切片選擇工具”，選中某個切片，單擊頂上的“劃分”按鈕，可任意選擇分割切片的方式，可以按切片個數劃分，也可以按精確像素劃分，不壹而足。
6. 點擊頂部的“為當前切片設置選項”按鈕，設置切片類型、名稱、網絡上定位的URL地址、目標（即加載URL時的楨，此項僅針對動畫圖片）、信息文本（即鼠標指向網頁上的圖片時，出現在瀏覽器底部狀態欄的文字信息）、Alt標記（即鼠標放置在網頁上的圖片上時，自動出現在圖片周圍的解釋文字）。設置這些選項後，將來生成的HTML頁面上，圖片就會被設置好鏈接。可對每個切片分別選中，分別設置這些選項。
7. 點擊菜單：文件–>存儲為Web所用格式。選擇“雙聯”，左側為圖片原稿，右側為將來在網頁上出現的圖像，可以用鼠標選中右側任意壹個切片，設置每個小切片圖片的類型等等，同時可以設置圖片品質用於壓縮圖片大小
8.點擊“存儲”按鈕，選擇保存文件類型為“HTML和圖像”
9.保存完成後，電腦上就會出現壹個名叫index.html的文件和壹個名叫images的圖片目錄，切分後的圖片就保存在這裏。index.html就是用切分後的小圖片組成的網頁文件。
網頁圖片切小是為了讓人們打開網頁時更快，讀取小塊圖片是並列進行了，比讀取大圖片快