How to Crop an Image in Dreamweaver

Essentially, cropping an image involves trimming its edges. If you’re trying to fit an image into your design, Dreamweaver’s cropping tool can come in handy. To crop a graphic or photo, open the page that contains the image you want to edit, and follow these steps:

  1. Select the image you want to crop by clicking it.

    The Property inspector changes to display the image's properties.

  2. Click the Crop icon.

    A dialog box appears, warning you that cropping changes the original image.

    If you're concerned about keeping the entire image available, don't make the change. Instead, make a copy of the image before you crop it.

  3. Click OK in the Dreamweaver dialog box.

    A solid crop line with selection handles at the sides and corners appears over the image.

    [Credit: Photo by Casey Stoll]
    Credit: Photo by Casey Stoll
  4. Click and drag the selection handles to outline the area of the image you want to keep.

    Any part of the image outside the crop line (and shaded) is deleted when the crop is completed.

  5. Double-click inside the box or press Enter (Return on a Mac).

    The image is cropped.

You can undo cropping by choosing Edit→Undo Crop. However, after you save the page, changes are applied permanently to the image and can’t be undone.

  • Add a Comment
  • Print
  • Share
blog comments powered by Disqus
Advertisement

Inside Dummies.com

Dummies.com Sweepstakes

Win $500. Easy.