Optimize a fireworks image from dreamweaver – Adobe Dreamweaver CC 2015 User Manual
Page 438
431
Cross-product
Last updated 6/3/2015
When the image is part of a Fireworks table, you can open the entire Fireworks table for edits, as long as the comment exists in the HTML code. If the source PNG file was exported from Fireworks to a Dreamweaver site
using the Dreamweaver Style HTML And Images setting, the Fireworks table comment is automatically inserted in the
HTML code.
1
In Dreamweaver, open the Property inspector (Window > Properties) if it isn’t already open.
2
Click the image or image slice to select it.
When you select an image that was exported from Fireworks, the Property inspector identifies the selection as a
Fireworks image or table and displays the name of the PNG source file.
3
To start Fireworks for editing, do one of the following:
• In the Property inspector, click Edit.
• Hold down Control (Windows) or Command (Macintosh) and double-click the selected image.
• Right-click (Windows) or Control-click (Macintosh) the selected image and select Edit With Fireworks from the
context menu.
Note: If Fireworks cannot locate the source file, you are prompted to locate the PNG source file. When you work with
the Fireworks source file, changes are saved to both the source file and the exported file; otherwise, only the exported file
is updated.
4
In Fireworks, edit the source PNG file and click Done.
Fireworks saves the changes in the PNG file, exports the updated image (or HTML and images), and returns focus
to Dreamweaver. In Dreamweaver, the updated image or table appears.
For a tutorial about Dreamweaver and Fireworks integration, se
.
Optimize a Fireworks image from Dreamweaver
You can use Dreamweaver to make quick changes to Fireworks images and animations. From within Dreamweaver, you
can change optimization settings, animation settings, and the size and area of the exported image.
1
In Dreamweaver, select the desired image and do one of the following:
• Select Command > Optimize Image
• Click the Edit Image Settings button in the Property inspector.
2
Make your edits in the Image Preview dialog box:
• To edit optimization settings, click the Options tab.
• To edit the size and area of the exported image, click the File tab.
3
When you finish, click OK.
Use Fireworks to modify Dreamweaver image placeholders
You can create a placeholder image in a Dreamweaver document and then start Fireworks to design a graphic image or
Fireworks table to replace it.
To create a new image from an image placeholder, you must have both Dreamweaver and Fireworks installed on your
system.
1
Make sure you’ve already set Fireworks as the image editor for PNG files.
2
In the Document window, click the image placeholder to select it.