Adobe 23101335 User Guide - Page 42

32 Adobe Photoshop Basics Preparing Web graphics Designing Web graphics Photoshop and ImageReady provide a rich set of tools for adding Web features to your images. Among other benefits, you can divide an image into download-efficient slices, define image maps directly in the image, and add interactive rollover effects. Slice an image When you slice an image, each rectangular slice downloads individually so that users can view parts of the image as the downloading progresses. You can also use slices to help keep file sizes down and define Web features such as links, rollovers, and animations. To slice an image, select the slice tool ( ) and drag in the image to define the slice areas. Photoshop or Slicing an image ImageReady automatically generates slices for the remaining areas of the image. Another way to define slices is by using the boundaries of layers. See "Enhanced slicing capabilities" on page 45 for more information. Assign a URL link to a slice Assigning a URL to a slice makes the entire slice area a hotspot in the Web page, with a link to the specified URL. Select the slice select tool ( ), and double-click the desired slice to display the Slice Options dialog box (Photoshop) or the Slice palette (ImageReady). Then enter the desired URL destination and, if needed, the target frame. For information on setting other slice options such as message text and Alt tags, see "Enhanced slicing capabilities" on page 45. (ImageReady) Create an image map Image maps let you add URL links to different areas of an image. Select the rectangle image map tool ( ), and drag in the image to define the image map. Then select the image map selection tool ( ) and double-click the desired image map to display the Image Map palette. Enter a name and URL link destination for the image map. If desired, enter a target frame destination and text for an Alt tag.