- Select the Slice Select tool
and click the slice in the image. When working with overlapping slices, click the visible section of an underlying slice to select it. - Select the Slice Select tool, and Shift-click to add slices to the selection.
- Select the Slice Select tool in the Save for Web & Devices dialog box, and click in an auto slice or outside the image area, and drag across the slices you want to select. (Clicking in a user slice and dragging moves the slice.)
- Choose File > Save For Web & Devices. In the dialog box, use the Slice tool to select a slice.
Note:
When using either the Slice tool or the Slice Select tool, you can switch from one tool to the other by holding down Ctrl (Windows) or Command (Mac OS).
-
To move a slice, move the pointer inside the slice selection border, and drag the slice to a new position. Press Shift to restrict movement to a vertical, horizontal, or 45° diagonal line.
To resize a slice, grab a side or a corner handle of the slice, and drag. If you select and resize adjacent slices, common edges shared by the slices are resized together.
-
In the Dimensions area of the Slice Options dialog box, change one or more of the following options:
X
Specifies the distance in pixels between the left edge of the slice and the origin of the ruler in the document window.
Y
Specifies the distance in pixels between the top edge of the slice and the origin of the ruler in the document window.
Note:
The default origin of the ruler is the upper-left corner of the image.
Use the Divide Slice dialog box to divide slices horizontally, vertically, or both. Divided slices are always user slices, regardless of whether the original is a user slice or an auto slice.
Note:
You cannot divide layer-based slices.
-
Select and enter a value for Slices Down or Slices Across to divide each slice evenly into the specified number of slices.
Select and enter a value for Pixels Per Slice to create slices with the specified number of pixels. If the slice cannot be divided evenly by that number of pixels, the remainder is made into another slice. For example, if you divide a slice that is 100 pixels wide into three new slices each 30 pixels wide, the remaining 10‑pixel‑wide area becomes a new slice.
You can create a duplicate slice with the same dimensions and optimization settings as the original. If the original slice is a linked user slice, the duplicate is linked to the same collection of linked slices. Duplicate slices are always user slices, regardless of whether the original is a user slice, a layer-based slice, or an auto slice.
You can copy and paste a selected slice within an image, into another image, or into another application such as Dreamweaver. Copying a slice copies all layers within the bounds of the slice (not just the active layer).
-
Note:
A slice copied into Dreamweaver retains information about the filename and path of the original Photoshop source file. To view this information in Dreamweaver, right-click (Windows) or Ctrl+click (Mac OS) the image and choose Design Notes, then locate the FilePathSrc field on the All Info tab.
You can combine two or more slices into a single slice. Photoshop determines the dimensions and position of the resulting slice from the rectangle created by joining the outer edges of the combined slices. If the combined slices are not adjacent or have different proportions or alignments, the newly combined slice may overlap other slices.
The combined slice takes the optimization settings of the first slice in the series of slices you select. A combined slice is always a user slice, regardless of whether the original slices include auto slices.
Note:
You cannot combine layer-based slices.
When slices overlap, the last slice you create is the top slice in the stacking order. You can change the stacking order to gain access to underlying slices. You can specify which slice is on the top and bottom of the stack and move slices up or down in the stacking order.
Note:
You cannot arrange the stacking order of auto slices.
You can align user slices along an edge or their centers, and distribute user slices evenly along the vertical or horizontal axis. By aligning and distributing user slices, you can eliminate unneeded auto slices and generate a smaller, more efficient HTML file.
Note:
To align or distribute layer-based slices, align or distribute the contents of the layers.
When you delete a user slice or layer-based slice, auto slices are regenerated to fill the document area.
Deleting a layer-based slice does not delete the associated layer; however, deleting the layer associated with a layer-based slice does delete the layer-based slice.
Note:
You cannot delete auto slices. If you delete all user slices and layer-based slices in an image, one auto slice covering the entire image remains.
Twitter™ and Facebook posts are not covered under the terms of Creative Commons.