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

　　一、导出预览

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

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

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

　　 图像的各项优化参数设置好之后，就可以进行图像的导出工作了。在Fireworks MX 2004中，通过选择“File>>Export Preview”菜单，可以打开如图2所示的导出预览窗口。它包含了两部分，左侧为参数设置部分，右侧为输出预览部分。

图2 导出预览窗口

　　 左侧的参数设置部分包含了三个选项，其中利用“Opti width=28>按钮会启动导出向导，提出优化建议；按钮则是由用户制定一个可以接受的最大文件大小，由Fireworks去算出一种既可以满足用户要求而且图像质量又最好的优化参数。

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

无忧站长学院，建站自然无忧www.5ucms.org

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

　
　 图4 文件属性的设置

　　 左侧第三个是“Animati width=25>被按下代表一次播放后停止，按下后代表循环播放，其模式可在下拉列表中选择。在最下方的两个选项中，选中“自动裁剪”，则导出单帧图像时，自动裁剪图像使之适应图像的大小；选中“自动差异化”，则Fireworks自动将各帧图像按照不同的大小导出。

　　
　 图5 动画属性设置

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

　 图6 预览窗口

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

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

　 图7 导出预览工具条

　　 设置结束后，单击“OK”按钮可结束输出“Export Preview”设置并关闭导出对话框。如果单击Export按钮，则系统将打开导出对话框。

　　二、导出向导

　　 此外，通过选择“File>>Export Wizard”菜单，用户还可利用系统提供的导出向导导出优化图像，此时系统将首先打开如图8的所示的对话框。

　　 在这个对话框中选择“Select an export format”选项。将输出文件大小控制在一定的范围内，只需单击“Target export file size”复选框，然后进行设置即可。

　 图8 导出向导

　　 单击“C width=416>　　
　 图9 选择导出图像的用途

　　
　 图10 显示图片分析信息的对话框

　　 单击“Exit”按钮后系统将显示优化了的导出预览窗口，其中的优化参数均为系统推荐选用的参数。大家就可以按照网页图像的优化办法来导出图像了。