PDF (adobe.com)

Edit images in Dreamweaver



You can resample, crop, optimize, and sharpen images in Dreamweaver. You can also adjust their brightness and contrast.

Image-editing features

Dreamweaver provides basic image-editing features that let you modify images without having to use an external image-editing application such as Fireworks or Photoshop. The Dreamweaver image-editing tools are designed to let you easily work with content designers responsible for creating image files for use on your website.

Note: You do not need to have Fireworks or other image-editing applications installed on your computer to use the Dreamweaver image-editing features.
 Select Modify > Image. Set any of these Dreamweaver image-editing features:
Resample
Adds or subtracts pixels from a resized JPEG and GIF image files to match the appearance of the original image as closely as possible. Resampling an image reduces its file size and improves download performance.

When you resize an image in Dreamweaver, you can resample it to accommodate its new dimensions. When a bitmap object is resampled, pixels are added to or removed from the image to make it larger or smaller. Resampling an image to a higher resolution typically causes little loss of quality. Resampling to a lower resolution, however, always causes data loss and usually a drop in quality.

Crop
Edit images by reducing the area of the image. Typically, you’ll want to crop an image to place more emphasis on the subject of the image, and remove unwanted aspects surrounding the center of interest in the image.

Brightness and Contrast
Modifies the contrast or brightness of pixels in an image. This affects the highlights, shadows, and midtones of an image. You typically use Brightness/Contrast when correcting images that are too dark or too light.

Sharpen
Adjusts the focus of an image by increasing the contrast of edges found within the image. When you scan an image, or take a digital photo, the default action of most image capturing software is to soften the edges of objects in the image. This prevents extremely fine details from becoming lost in the pixels from which digital images are composed. However, to bring out the details in digital image files, it is often necessary to sharpen the image, thereby increasing edge contrast, and making the image appear sharper.
Note: Dreamweaver image-editing features apply only to JPEG and GIF image file formats. Other bitmap image file formats cannot be edited using these image-editing features.

Crop an image

Dreamweaver lets you crop (or trim) bitmap file images.

Note: When you crop an image, the source image file is changed on disk. For this reason, you may want to keep a backup copy of the image file in the event you need to revert to the original image.
  1. Open the page containing the image you want to crop, select the image, and do either of the following:

    • Click the Crop Tool icon  in the image Property inspector.

    • Select Modify > Image > Crop.

      Crop handles appear around the selected image.

  2. Adjust the crop handles until the bounding box surrounds the area of the image that you want to keep.
  3. Double-click inside the bounding box or press Enter to crop the selection.
  4. A dialog box informs you that the image file you are cropping will be changed on disk. Click OK. Every pixel in the selected bitmap outside the bounding box is removed, but other objects in the image remain.
  5. Preview the image and ensure that it meets your expectations. If not, select Edit > Undo Crop to revert to the original image.
    Note: You can undo the effect of the Crop command (and revert to the original image file) up until the time that you quit Dreamweaver, or edit the file in an external image-editing application.

Optimize an image

You can optimize images in your web pages from within Dreamweaver.

  1. Open the page containing the image you want to optimize, select the image, and do either of the following:

    • Click the Edit image settings button  in the image Property inspector.

    • Select Modify > Image > Optimize.

  2. Make your edits in the Image Preview dialog box and click OK.

Sharpen an image

Sharpening increases the contrast of pixels around the edges of objects to increase the image’s definition or sharpness.

  1. Open the page containing the image you want to sharpen, select the image, and do either of the following:

    • Click the Sharpen button  in the image Property inspector.

    • Select Modify > Image > Sharpen.

  2. You can specify the degree of sharpening Dreamweaver applies to the image by dragging the slider control, or entering a value between 0 and 10 in the text box. As you adjust the sharpness of the image using the Sharpness dialog box, you can preview the change to the image.
  3. Click OK when you are satisfied with the image.
  4. Save your changes by selecting File > Save, or revert to the original image by selecting Edit > Undo Sharpen.
    Note: You can only undo the effect of the Sharpen command (and revert to the original image file) prior to saving the page containing the image. After you save the page, the changes made to the image are permanently saved.

Adjust the brightness and contrast of an image

Brightness/Contrast modifies the contrast or brightness of pixels in an image. This affects the highlights, shadows, and midtones of an image. You typically use Brightness/Contrast when correcting images that are too dark or too light.

  1. Open the page containing the image you want to adjust, select the image, and do either of the following:

    • Click the Brightness/Contrast  button in the image Property inspector.

    • Select Modify > Image > Brightness/Contrast.

  2. Drag the Brightness and Contrast sliders to adjust the settings. Values range from ‑100 to 100.
  3. Click OK.