Creating And Viewing Slices - Adobe PHOTOSHOP 6.0 Manual

CHAPTER 10
272
Designing Web Pages
You can preview most Web effects directly
in Photoshop or ImageReady. However,
the appearance of an image on the Web depends
on the operating system, color display system,
and browser used to display the image. Be sure to
preview images in different browsers, on different
operating systems, and with different color bit
depths. (See "Previewing an image in a browser"
on page 84.)

Creating and viewing slices

A slice is a rectangular area of an image that you
can use to create links, rollovers, and animations
in the resulting Web page. Dividing an image into
slices lets you selectively optimize it for Web
viewing.
About slices
You use slices to divide a source image into
functional areas. When you save the image as a
Web page, each slice is saved as an independent file
that contains its own settings, color palette, links,
rollover effects, and animation effects. You can use
slices to achieve faster download speeds. Slices are
also advantageous when working with images that
contain different types of data. For example, if one
area of an image needs to be optimized in GIF
format to support an animation, but the rest of the
image is better optimized in JPEG format, you can
isolate the animation using a slice.
A
B
Web page divided into slices: A. Image slice
B. No Image slice C. Slice that contains a rollover
You set how the Photoshop or ImageReady
application generates HTML code for aligning
slices—either using tables or cascading style
sheets—in the Output Settings dialog box. You can
also set how slice files are named. (See "Setting
output options" on page 348.)
Types of slices
Slices you create using the slice tool are called
user-slices; slices you create from a layer are called
layer-based slices. When you create a new user-slice
or layer-based slice, additional auto-slices are
generated to account for the remaining areas of the
image. In other words, auto-slices fill the space in
the image that is not defined by user-slices or
C