How to Export Artwork from Fireworks - dummies

By David Karlins, Doug Sahlin

After you optimize the image, it’s time to export it from Fireworks. Exporting images is fairly straightforward; choose File→Export and then specify the folder in which to save the image. When you export a document like a navigation menu with multiple slices, you export the document as images and HTML as follows:

  1. Choose File→Export.

    The Export dialog box appears.

  2. Choose HTML and Images from the Export drop-down menu.

    This option exports the document as an HTML file with all the code necessary to reassemble the exported images, create links for navigation menus, and so on. Alternatively, you can export a Fireworks document as CSS and Images, in which case you’ll get an HTML document, a CSS (cascading style sheet) document, and images.

    When exporting a JPEG image, choose Images Only. Typically, this is selected by default when you’re exporting an image without slices or hotspots (areas that support interactivity, such as image swapping or a popup menu).

  3. Choose Export HTML File from the HTML drop-down menu.

    Your alternative is to copy the HTML code to the Clipboard.

  4. Select the Include Areas without Slices check box.

    This exports the areas of your document, such as the background, that has not been designated as a slice.

  5. Click the Put Images in Subfolder option.

    This helps keep your files neat and tidy. By default, Fireworks creates a folder named Images. You can specify another folder by clicking the Browse button and then navigating to the desired folder.

  6. Click Save.

    Fireworks exports the document (as an HTML file) and images to the specified folders.