Operation Manual

349
USING DREAMWEAVER
Working with other applications
Last updated 3/28/2012
Smart Object
When the web image (that is, the image on the Dreamweaver page) is out of sync with the original Photoshop file,
Dreamweaver detects that the original file has been updated, and displays one of the Smart Object icon’s arrows in red.
When you select the web image in Design view and click the Update from Original button in the Property inspector,
the image updates automatically, reflecting any changes that you made to the original Photoshop file.
When you use the Smart Objects workflow, you do not need to open Photoshop to update a web image. Additionally,
any updates you make to a Smart Object in Dreamweaver are non-destructive. That is, you can change the web version
of the image on your page while keeping the original Photoshop image intact.
You can also update a Smart Object without selecting the web image in Design view. The Assets panel lets you update
all Smart Objects, including images that might not be selectable in the Document window (for example, CSS
background images).
Image optimization settings
For both the copy/paste and the Smart Object workflows, you can specify optimization settings in the Image Preview
dialog box. This dialog box lets you set things like file format, image quality, and so on. If you are copying a slice or a
layer for the first time, or inserting a Photoshop file as a Smart Object for the first time, Dreamweaver displays this
dialog so that you can easily create the web image.
If you copy and paste an update to a particular slice or layer, Dreameaver remembers the original settings and re-
creates the web image with those settings. Likewise, when you update a Smart Object using the Property inspector,
Dreamweaver uses the same settings you used when you first inserted the image. You can change an image’s settings
at any time by selecting the web image in Design view, and then clicking the Edit Image Settingsbutton in the Property
inspector.