Home > Products > Dreamweaver > Support > Working with Studio MX
Dreamweaver Icon Macromedia Dreamweaver Support Center - Working with Studio MX
Optimize the navigation bar

Before you export any document from Fireworks, you should always optimize it. Optimizing ensures that a graphic is exported with the best possible balance of compression and quality.

1 Open the navbar.png file that you created in the previous tutorial, Wildlife Project 10: Building a Fireworks MX navigation bar (Part 1).
2 Do one of the following to open the Optimize panel if it isn't already open:
Select Window > Optimize.
If the panel is minimized on the right side of the screen, click the expander arrow to view the entire panel.
3 Select GIF Websnap 128 from the Settings pop-up menu.
The options in the panel change to reflect the new setting.

4 Click in the document window outside the canvas to make sure no buttons are selected.
5 Click the Hide slices and hotspots button in the Tools panel and click the Preview tab near the top of the document window.
The Preview tab displays your document as it will appear when exported with the current settings.

At the upper right corner of the Preview window, Fireworks displays what the file size will be for the exported file and the estimated time it will take to display the graphic when it is viewed on the web.
Until you optimize a slice separately, Fireworks will use the document's optimization settings for the slices as well as content not covered by a slice. (In the example above, the spaces between and below the buttons makes up the content not covered by slices.) Typically, you will want to set optimization separately for buttons. To select optimization settings for the buttons themselves, select a button and select a setting from the Settings pop-up menu as you did in step 3. (For this tutorial, there is no need to make a new selection.) Fireworks displays the exported file size and estimated time it will take to display the single button when it is viewed on the web. It is not necessary to optimize all of your buttons individually. The optimization settings for one button will be the same as they are for the others.

For more information, see Fireworks Help (Help > Using Fireworks > Optimizing and Exporting).

To Table of Contents Forward to next document