Adobe 26001648 - Illustrator CS3 User Manual page 37

A sliced, optimized header on a web page
the save For Web & devices dialog box
2-Up tab
Slice Select
tool
Toggle Slices
Visibility
button
S A V I N G A N D E X P O R T I N G F I L E S
Saving for web and devices
Although you can save your artwork as web-friendly files using the Export
command, it is much simpler to use the Save For Web & Devices command.
Save For Web & Devices allows you to choose web file formats, select compres-
sion and color options, and preview the optimized artwork. Additionally, you
can change the image size and export CSS (cascading style sheets) layers.
In Illustrator, you can use slices to define the boundaries of different web
elements (such as HTML text, bitmap images, or vector graphics) in your
artwork. For example, if your artwork contains a bitmap image that needs to be
optimized in JPEG format, while the rest of the image is better optimized as a
GIF, you can isolate the bitmap image using a slice. When you save the artwork
as a web page using the Save For Web & Devices command, you can choose to
save each slice as an independent file with its own format, settings, and color
panel. Slices in an Illustrator document correspond to table cells in the resulting
web page.
Original artwork
Optimized file size and
approximate download time
Preview of optimized artwork
Preview In Browser
button
Preset
pop-up menu
SWF, GIF, and JPEG
options
CSS Layers
for SWF
Preview in Adobe
Device Central
saving and exporting Files 3