Slice Select Tool
Select, move, and resize individual slices for web export optimization.
Other
Shortcut: CBeginner4 min readQuick Reference
Slice Select Tool
Adobe PhotoshopKeyboard Shortcut
Ckey
Toolbar Location
Left toolbar — Crop, Type, Shape, Navigation groups
Best Used For
- ▸Navigate and view documents more efficiently
- ▸Add text, shapes, and annotations to designs
- ▸Set up document layout and measurement guides
Beginner-Friendly⏱ 15–30 minutes to master
Key Settings
Select a slice:Move a slice:Resize a slice:Set slice options:
The Slice Select Tool selects and manages individual slices created with the Slice Tool. Slices divide your image into rectangular areas that can be exported individually for web use with different compression settings.
This tool is essential for web designers who need to export UI elements or sections at different quality levels.
Where to Find It
Grouped with the Crop Tool in the toolbar. Click and hold the Crop icon, then select Slice Select Tool.
How to Use
- Select a slice: Click on any slice to select it.
- Move a slice: Click and drag to reposition it.
- Resize a slice: Drag edge or corner handles.
- Set slice options: Double-click to assign URL, ALT text, and message.
- Divide slices: Use the Divide button to split slices.
Pro Tips
- Assign URLs to slices for interactive web mockup prototypes.
- Name slices descriptively for easier identification when exporting.
- Use Snap to Slices for clean grid alignment.