在FireWorks中创建并优化图形后，用户可将该图形输出为常用的web格式及供其他程序（如freehand）使用的向量图形格式。fireworks mx 2004由于它的面向网络的特性，导出的形式可以不仅仅是图像，还可以是包含各种链接和Java script信息的完整的网页。由于图像的导出和优化一样将产生一个导出副本，因此是不会修改原图的，所以，用户可以尝试在fireworks中用一幅原图导出不同种类的许多图像。

　　一、导出预览 Ok6% {V?t{}k!{(6 [ 本 资 料 来 源 于 贵 州 学 习 网 网页设计FireWorks教程 http://Www.gzU521.com ] Ok6% {V?t{}k!{(6

　　 由于不同的图像格式使用的是不同的压缩方法，图像的质量和表象随着格式的不同而变化，所以用户应该根据图像的设计目的和应用场合来决定使用哪种图像导出格式。

　　 只有通过比较鉴别才能突出不同图像格式的色彩和大小等特点，为此，我们首先讲一讲如何在导出时对不同格式进行选择。fireworks里提供了在线比较不同的优化方式和原图的效果的窗口，2-up模式和4-up模式。若比较一幅图像的gif导出效果与原图的差别，可以使用2-up模式和4-up模式。若比较一幅gif导出效果与原图的差别，可以使用2-up模式。若希望比较两三种格式或优化方式的优劣时，就可选择4-up模式。图1显示了原图与gif、png和tiff三种格式的导出图像的差异，同时窗口中还显示了每一种优化方式或格式的主要参数、图像大小和传输时间等信息，可以帮助用户在不同图像格式之间的选择。

　图1 4幅模式各种不同格式导出效果比较

图2 导出预览窗口

　 图3 导出预览中图像格式优化

　　 利用“file”选项卡可设置输出比例、图像的长和宽、是否锁定纵横比以及是否导出图像的一个区域，这个区域有多大。如图4所示。

　
　 图4 文件属性的设置

　　 左侧第三个是“animation”选项卡，在这可设置输出动画时的相应参数（如播放次数，每帧的延长时间等），如图5所示。当用户选定一帧，它会被高亮显示以表示是当前帧，此时，在上面键入或单击右键就可以改变该帧的属性。所有帧属性会在帧列表框中显示出来，帧列表框下方是循环方式的选择， 被按下代表一次播放后停止，按下后代表循环播放，其模式可在下拉列表中选择。在最下方的两个选项中，选中“自动裁剪”，则导出单帧图像时，自动裁剪图像使之适应图像的大小；选中“自动差异化”，则fireworks自动将各帧图像按照不同的大小导出。

　　
　 图5 动画属性设置

　　 右侧输出预览部分实际上是由多个预览窗口和一个工具条组成的。图6是预览窗口。

　 图6 预览窗口

　　 窗口左上方的信息是该优化方式下图像文件的基本信息，包括颜色方式、颜色数、文件大小和估计的网络读取时间。右上方的选择框是供用户选择使用预设的优化模式，单击可以将当前的设置存为一个预设值。

　　 在预览窗口下面是工具条，如图7所示，包括12个按钮：指针按钮（鼠标单击选择预览窗口）；裁剪按钮（鼠标拖动改变导出区域的大小）；放大缩小按钮（鼠标单击放预览图，alt+单击缩小预览图）；显示比例下拉列表框（设定显示大小）；单、双和田字格三种预览模式（是预览窗口数的设定）；三个动画预览的播放键；预览显示动画当前帧和下一帧的按钮。