Professional Documents
Culture Documents
Slices divide an image into smaller images that are reassembled on a web page using an HTML
table or CSS layers. By dividing the image, you can assign different URL links to create page
navigation, or optimize each part of an image using its own optimization settings.
You export and optimize a sliced image using the Save For Web & Devices command.
Photoshop saves each slice as a separate file and generates the HTML or CSS code needed to
display the sliced image.
Layer-based slices are less flexible than user slices; however, you can convert (“promote”) a
layer-based slice to a user slice. See Convert auto and layer-based slices to user slices.
1. Select a layer in the Layers panel.
2. Choose Layer > New Layer-based Slice.
Note:
Don’t use a layer-based slice when you plan to move the layer over a large area of the image during an
animation, because the slice dimension may exceed a useful size.
Slice is layer-based.