Slicing Images  

When you slice an image, you divide it into several smaller images that you can save in different formats or at different levels of optimization. Because these optimized images can take less time to download than one large image, your Web pages may load more quickly.

Slicing an image also can reduce the number of graphics you need to save. If your Web site displays the same logo or other graphic in more than one image, you only need to save that section once if you slice the images; you reload the same logo or graphic section into all the images.

The Imager Slicer works by creating a table from the image, saving the location of each sliced section as a region in the table, and generating the HTML code for the column and cells. Copy this code into your source files so that the image can be reassembled when the user downloads the Web page.

The Image Slicer can also create rollovers, which are areas that display secondary images when the user clicks or moves a mouse over them.

Follow these main steps to slice an image:

Creating and Editing Cells

Assigning Slice Cell Properties

Setting Slice Preferences

Saving and Loading Slice Settings

Saving Image Slices to the Clipboard

Saving Slices