Adobe 26001648 Migration Guide - Page 37

Saving for web and devices

Page 37 highlights

SAVING AND EXPORTING FILES A sliced, optimized header on a web page 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 compression 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. The Save For Web & Devices dialog box 2-Up tab Original artwork Slice Select tool Toggle Slices Visibility button Preview of optimized artwork Preset pop-up menu SWF, GIF, and JPEG options CSS Layers for SWF Optimized file size and approximate download time Preview In Browser Preview in Adobe button Device Central Saving and Exporting Files 37

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48

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 
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.
SAVING AND EXPORTING FILES