Operation Manual
A sliced, optimized header on a web page
The Save For Web & Devices dialog box
2-Up tab Original artwork Preview of optimized artwork
Optimized file size and
approximate download time
Preview In Browser
button
Slice Select
tool
Toggle Slices
Visibility
button
Preset
pop-up menu
SWF, GIF, and JPEG
options
CSS Layers
for SWF
Preview in Adobe
Device Central
Saving and Exporting Files 37
Saving for web and devices
Although you can save your artwork as web-friendly les 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 le 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 dene the boundaries of dierent 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 le with its own format, settings, and color
panel. Slices in an Illustrator document correspond to table cells in the resulting
web page.
S A V I N G A N D E X P O R T I N G F I L E S