具體步驟:
下面是壹個如何在Photoshop中剪切圖片的例子。
1.打開壹張圖片，選擇工具欄上的“切片工具”。有三種款式可供選擇。為了方便圖片的管理，壹般會選擇“固定大小”。普通網頁的寬度通常是760px，所以選擇寬度的五分之壹，即152px作為剪切圖片的寬度。寬度和高度可以根據畫面大小隨意調整。
2.選擇切片工具後，在圖片上隨意點擊左鍵，或者按住左鍵拖動壹個方塊，就會出現壹個切片。
3.如果更改切片的位置和大小，請選擇工具欄上的切片選擇工具，然後單擊切片將其選中。按住左鍵選擇切片，隨意移動切片位置。用左鍵按住切片周圍的小黑點，也可以隨意拉伸或縮小切片大小。如果右鍵單擊切片，可以選擇刪除切片或在彈出菜單中編輯切片。
4.以此類推，再次選擇切片工具，在圖片上剪切出更多的切片，並排列位置。
5.如果有必要，壹個切片可以被細分成更小的切片。方法是選擇工具欄上的切片選擇工具，選中壹個切片，點擊頂部的“分割”按鈕。您可以隨意選擇分割切片的方式，可以是按照切片的數量，也可以是按照精確的像素。
6.點擊頂部的“設置當前切片選項”按鈕，設置切片類型、名稱、位於網絡上的URL地址、目標(即加載URL時的框架，僅針對動畫圖片)、信息文本(即鼠標指向網頁上的圖片時瀏覽器底部狀態欄中出現的文本消息)和Alt標簽(即鼠標放在網頁上的圖片上時圖片周圍自動出現的說明文本)。設置好這些選項後，以後生成的HTML頁面上會鏈接圖片。通過選擇每個切片，可以單獨設置這些選項。
7.單擊菜單:文件–>以網絡使用的格式存儲。選擇“雙份拷貝”，左邊是原圖，右邊是未來圖。妳可以用鼠標選擇右邊的任何切片，設置每個小切片圖片的類型等。同時可以設置畫質來壓縮畫面尺寸。
8.單擊“保存”按鈕，選擇“HTML和圖像”作為要保存的文件類型。
9.保存後，電腦上會出現壹個名為index.html的文件和壹個名為images的圖片目錄，分割後的圖片會保存在這裏。Index.html是由小的分割圖片組成的網頁文件。
網頁圖片被刪減是為了讓人們更快的打開網頁。看小圖是並排做的，比看大圖快。