Using Help
|
Contents
|
Index
Back
369
Adobe Photoshop Help
Designing Web Pages
Using Help
|
Contents
|
Index
Back
369
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.
Web page divided into slices:
A.
Image slice
B.
Layer-based slice
C.
No Image slice
D.
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 442
.)
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 layer-based slices.
Auto slices are regenerated every time you add or edit user slices or layer-based slices.
User slices, layer-based slices, and auto slices look different—user slices and layer-based
slices are defined by a solid line, while auto slices are defined by a dotted line. In addition,
each type of slice displays a distinct icon. You can choose to show or hide auto slices,
which makes your work with user- and layer-based slices easier to view.
A
subslice
is a type of auto slice that is generated when you create overlapping slices.
Subslices indicate how the image will be divided when you save the optimized file.
Although subslices are numbered and display a slice symbol, you cannot select or edit
them separately from the underlying slice. Subslices are regenerated every time you
arrange the stacking order of slices.
Creating user slices
You can create user slices with the slice tool or from guides, and in ImageReady, from a
selection.
C
A
D
B