Accessibility
 
Home > Products > Dreamweaver > Support > Inserting Images
Dreamweaver Icon Macromedia Dreamweaver Support Center - Inserting Images
Resizing images

You can visually resize images in the Dreamweaver Document window. Visual resizing helps you determine how an image affects the layout at different dimensions.

To resize an image:

1 Select the image in the Document window.
Resize handles appear at the bottom and right sides and in the bottom right corner of the image. If resize handles don't appear, either click away from the image you want to resize and then reselect it, or click <img> in the tag selector to select the image.

2 Resize the image by doing one of the following:
To adjust the width, drag the selection handle on the right side.
To adjust the height, drag the bottom selection handle.
To adjust the width and height at the same time, drag the corner selection handle.
To preserve the image's proportions (its width-to-height ratio) as you adjust its dimensions, Shift-drag the corner selection handle.
Select Window > Properties, and type values in the W and H text boxes in the Property inspector.

Default and unlabeled values are pixels. You can also specify the following units: pc (picas), pt (points), in (inches), mm (millimeters), and cm (centimeters), and combinations thereof, such as 2in+5mm; Dreamweaver converts the values to pixels in the HTML source code.
Note: When you resize an image manually in the Property inspector, the image's proportions are not automatically preserved.
To return a resized image to its original dimensions:

In the Property inspector (Window > Properties), delete the values in the W and H text boxes, or click Reset Size.

To Table of Contents Back to Previous document Forward to next document