Operation Manual

353
USING DREAMWEAVER
Working with other applications
Last updated 3/28/2012
For a tutorial on copying and pasting between different applications, including Dreamweaver and Photoshop, see
www.adobe.com/go/vid0193.
Edit pasted images
After you paste Photoshop images in your Dreamweaver pages, you can edit the original PSD file in Photoshop. When
using the copy/paste workflow, Adobe recommends that you always make your edits to the original PSD file (rather
than the web-ready image itself), and then repaste to maintain single sourcing.
Note: Make sure that you have Photoshop set as your primary external image editor for the file type you want to edit.
1 In Dreamweaver, select a web-ready image that was originally created in Photoshop and do one of the following:
• Click the Edit button in the image’s Property inspector.
• Press Control (Windows) or Command (Macintosh) as you double-click the file.
• Right-click (Windows) or Control-click (Macintosh) an image, choose Edit Original With from the context menu,
and then choose Photoshop.
Note: This assumes that Photoshop is set as the primary external image editor for PSD image files. You may also want to
set Photoshop as the default editor for JPEG, GIF, and PNG file types.
2 Edit the file in Photoshop.
3 Return to Dreamweaver and paste the updated image or selection into your page.
If you want to reoptimize the image at any time, you can select the image and click the Edit Image Settings button in
the Property inspector.
Setting Image Preview dialog box options
Image Preview dialog box options
When you create a Smart Object or paste a selection from Photoshop, Dreamweaver displays the Image Preview dialog
box. (Dreamweaver also displays this dialog box for any other kind of image if you select the image and click the Edit
Image Settings button in the Property inspector.) This dialog box lets you define and preview settings for web-ready
images using the right mix of color, compression, and quality.
A web-ready image is one that can be displayed by all modern web browsers and looks the same no matter what system
or browser the viewer is using. When you insert a Photoshop image, the Image Preview dialog box lets you adjust
various settings for optimal web publication. In general, the settings result in a trade-off between quality and file size.