Adobe Dreamweaver CC 2015 - Manual (Page 297)

290
Page content and assets
Last updated 6/3/2015
Crop Trims the size of an image, removing unwanted areas from the selected image.
Resample Resamples a resized image, improving its picture quality at its new size and shape.
Brightness and Contrast Adjusts the brightness and contrast settings of an image.
Sharpen Adjusts the sharpness of an image.
Note: You can also edit image attributes in Live View using the Edit in Live View .
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, click the image or select the image tag in code.
2 Do one of the following to enter a name or a brief description for the image in less than 50 characters in to the
Alternate Text box. The screen reader reads the information you enter here.
• Edit the appropriate image attributes in Code view.
• Edit image attributes in Live View using the Edit in Live View .
• 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.