Optimizing the Images

After the image is complete, you can optimize it slice by slice. To do this, select slices one by one, either by clicking on the image with the Slice Select tool or by clicking on them in the Web Content palette. Optimize the slices individually with the Optimize palette, or select them as a group and apply the same settings.

Follow these steps to reduce the file sizes of your slices:

1. In the Web Content palette, use /Ctrl-click to select every slice except the slice at the top right, which contains the animation. Select only the slices, not the rollover states or image maps.

2. In the Optimize palette, choose JPEG Medium for the Preset setting, as in Figure H9.22.

   
   Figure H9.22: Optimize palette showing a JPEG setting

3. In the Web Content palette, select the remaining slice, or click on the upper-right slice with the Slice Select tool. In the Optimize palette, choose the setting GIF 64 Dithered (see Figure H9.23) to decrease the file size of the animation and preserve its appearance.

   
   Figure H9.23: Optimize palette showing a GIF setting

4. Choose File ’ Save Optimized As ’ HTML And Images. The slices and animation are divided into separate images and inserted into an image folder. It s important not to remove the images from the folder, because the HTML code refers to these images within the folder hierarchy.

Note  

Animations need to be saved as GIF or SWF.