How to Open an Image in Photoshop or Fireworks from Dreamweaver - dummies

How to Open an Image in Photoshop or Fireworks from Dreamweaver

By Janine Warner

The Property inspector includes an icon that enables you to easily open an image in Photoshop or Fireworks from Dreamweaver. The Edit icon changes to the icon of the program specified in Dreamweaver’s preferences. To open an image in your preferred program, simply select the image in Dreamweaver, click the icon in the Property inspector, and watch your image appear as you’ve commanded.

Adobe has done great work integrating the Photoshop and Fireworks programs into Dreamweaver. When you save changes to the image in Fireworks or Photoshop, they’re automatically reflected in the version you’ve already inserted into a page in Dreamweaver.

To specify the image editor you want to associate with a file type in Dreamweaver’s preferences, follow these instructions:

  1. Choose Edit→Preferences (Windows) or Dreamweaver→Preferences (on a Mac).

    The Preferences dialog box opens.

  2. On the left, select the File Types/Editors category.


  3. In the Extensions pane, select an image format.

    Dreamweaver lists a wide variety of file types here, and you can associate any or all of them with your favorite editors. To associate image editors with these graphic formats, select the GIF, PNG, and JPEG options one at a time and then continue with these steps.

  4. In the Editors pane, select the editor you want associated with the .png format.

    Photoshop is already included in the list of options, so you can simply click Photoshop to select it. If you want to associate an editor that isn’t on this list, click the plus sign (+) just above the Editors pane, browse to find the program on your hard drive, and select it to make it appear on the list.

  5. With the file type and program name selected, click the Make Primary button to associate the editor with the file type.

    The editor specified as primary is launched automatically when you select an image in Dreamweaver and click the Edit icon in the Property inspector.

  6. Select .jpeg from the Extensions pane and repeat Steps 4 and 5.

    You can continue with this process for any or all the other formats listed.

    To add additional file formats to Dreamweaver, click the plus sign (+) over the Extensions pane and type the extension, beginning with a dot (.).