344 Chapter 14: Optimizing and Exporting
Making areas transparent
You can set transparent areas for GIFs and 8-bit PNGs so that in a web browser the
background of the web page is visible through those areas. In Fireworks, a gray-and-white
checkerboard on document previews denotes transparent areas.
Optimized image preview in Fireworks; image exported with transparency and placed on a web
page with a colored background
You should use index transparency when exporting GIF images that contain transparent areas.
With index transparency, you set specific colors to be transparent upon export. Index
transparency turns on or turns off pixels with specific color values. Because GIFs support
index transparency, it is the most common form of transparency used on the web.
You can also use alpha transparency, although it is not often used with web graphics because
only PNGs support it and most web browsers do not support PNG format. Alpha
transparency is often used in exported graphics that contain gradient transparency and semi-
opaque pixels. Alpha transparency is also useful for exporting files to Macromedia Flash or
Director, because both applications support this type of transparency.
NO
TE
32-bit PNGs automatically contain transparency, though you won’t see a transparency
option for 32-bit PNGs in the Optimize panel.
NO
TE
GIF images are exported without transparency by default in Fireworks. Even if the
canvas behind an image or object appears transparent in Original view in Fireworks, this
does not mean that the background for that image will be transparent when you export it
as a GIF for use on the web. You must select Index Transparency before export.
NO
TE
Setting colors to transparent affects only the exported version of the image, not the
actual image. You can see what the exported image will look like in a preview. For
information about the document preview buttons, see
“Previewing and comparing
optimization settings” on page 334
.
Summary of Contents for FIREWORKS 8
Page 1: ...Using Fireworks...
Page 78: ...78 Chapter 3 Selecting and Transforming Objects...
Page 142: ...142 Chapter 5 Working with Vector Objects...
Page 166: ...166 Chapter 6 Using Text...
Page 192: ...192 Chapter 7 Applying Color Strokes and Fills...
Page 234: ...234 Chapter 9 Layers Masking and Blending...
Page 250: ...250 Chapter 10 Using Styles Symbols and URLs...
Page 324: ...324 Chapter 13 Creating Animation...
Page 372: ...372 Chapter 14 Optimizing and Exporting...
Page 444: ...444 Chapter 16 Automating Repetitive Tasks...
Page 454: ...454 Chapter 17 Preferences and Keyboard Shortcuts...
Page 472: ...472 Index...