Operation Manual

230
USING DREAMWEAVER
Adding content to pages
Last updated 3/28/2012
Note: Dreamweaver image-editing features apply only to JPEG, GIF, and PNG 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.