Visually resize an image – Adobe Dreamweaver CC 2014 v.13 User Manual
Page 676
Crop
Resample
Brightness and Contrast
Sharpen
Trims the size of an image, removing unwanted areas from the selected image.
Resamples a resized image, improving its picture quality at its new size and shape.
Adjusts the brightness and contrast settings of an image.
Adjusts the sharpness of an image.
Edit image accessibility attributes in code
If you inserted accessibility attributes for an image, you can edit those values in the HTML code.
1. In the Document window, select the image.
2. Do one of the following:
Edit the appropriate image attributes in Code view.
Right-click (Windows) or Control-click (Macintosh), and then select Edit Tag.
Edit the Alt value in the Property inspector.
Visually resize an image
You can visually resize elements such as images, plug-ins, Shockwave or SWF files, applets, and ActiveX controls in Dreamweaver.
Visually resizing an image helps you see how the image affects the layout at different dimensions but it does not scale the image file to the
proportions that you specify. If you visually resize an image in Dreamweaver without using an image-editing application (such as Adobe Fireworks)
to scale the image file to the desired size, the user’s browser scales the image when the page is loaded. This might cause a delay in page
download time and the improper display of the image in the user’s browser. To reduce download time and to ensure that all instances of an image
appear at the same size, use an image-editing application to scale images.
When you resize an image in Dreamweaver, you can resample it to accommodate its new dimensions. Resampling 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.
Visually resize an element
1. Select the element (for example, an image or SWF file) in the Document window.
Resize handles appear at the bottom and right sides of the element and in the lower-right corner. If resize handles don’t appear, click
somewhere other than the element you want to resize and then reselect it, or click the appropriate tag in the tag selector to select the
element.
2. Resize the element by doing one of the following:
To adjust the width of the element, drag the selection handle on the right side.
669