Slice Images

Image slicing lets you load a large image on a Web page one piece at a time by cutting it into several smaller files. The resulting files, or slices, can be for viewing only or can be clickable.

Creating slice grids

To slice an image, you must first create a slice grid by placing horizontal and vertical slice lines on the image. You can create the slice grid automatically based on the placement of objects in an image, or create equal slices based on the number of columns and rows you specify.

The slice grid creates an overlay in the image window. You can still access other features while you work on a sliced image. You also can hide the slice grid and overlay.

Assigning properties to slices

Once you have sliced an image, you can specify a filename for a slice. Individual slices can also be exported to different file formats. Slices are automatically given names based on their row and column location in the slice grid. For example, in a sliced image named "banner", the slice in the first row and the first column is called "banner1-1".

Erasing slices

Once slice lines have been added, they can be moved or erased. To remove part of a slice line, you can select and merge adjacent slices. You can also remove the entire slice grid all at once. When you erase a slice line, you create one slice out of multiple slices.

To slice an image

1. Click the Slicing tool.

2. Click any of the following buttons to create a slice grid:

Vertical slice selector lets you add a single vertical slice line by clicking the image.

Horizontal slice selector lets you add a single horizontal slice line by clicking the image.

Equal slice button lets you cut the image into equal-size slices by specifying the number of rows and columns.

3. Click the Operation selector button on the property bar.