切片是將大圖拆分為網頁可加載的小圖塊（如表格佈局、滾動大圖、按鈕狀態圖）。PS 提供兩種建立方式與完整導出流程。

建立切片兩大法

方法一：基於參考線（適合規則網格）

1. 視圖 > 新建參考線 或拖曳標尺建立網格。
2. 選取「切片工具 C」，選項欄點擊「基於參考線的切片」，PS 自動按參考線生成編號切片。

方法二：手動繪製（適合不規則/精確控制）

1. 選取切片工具，在畫布上拖曳繪製切片區域。
2. 右鍵切片 → 「劃分切片」：可均勻水平/垂直分割現有切片。
3. 移動工具 V 可拖動調整切片位置/大小。

切片屬性編輯

• 雙擊切片（或右鍵「編輯切片選項」）：設定名稱、URL、目標幀、替代文字、尺寸鎖定等。
• 選中切片按 Delete 或右鍵「刪除切片」移除。
• 視圖 > 清除參考線 可批量刪除基於參考線生成的切片。

導出 Web 格式

1. 檔案 > 存儲為 Web 和裝置適用格式 (Ctrl+Alt+Shift+S)。
2. 逐一切片設定優化格式（JPG/PNG/GIF）、質量、透明度、色彩配置檔。
3. 點擊「存儲」，選擇「所有切片」或「選定切片」，輸出資料夾含 HTML + Images 目錄，可直接用於網頁開發。

現代工作流提示

現代前端多用 CSS Sprites / SVG / WebP / 響應式圖片技術，傳統表格切片已較少用於生產環境，但切片工具仍適用於：郵件模板圖片拆分、舊系統維護、快速生成多尺寸圖標集、教學演示。