Images > Image properties

Image properties

To set the following image properties, select an image in the Document window; then choose Window > Properties to display the Property inspector. The Property inspector initially displays the most commonly used properties. To see all properties, click the expander arrow in the lower right corner.

Use the text field below the thumbnail image to set an image so you can refer to the image when using a Dreamweaver behavior (such as a Swap Image) or when using a scripting language such as JavaScript or VBScript.

W and H reserve space for an image on a page as it loads in a browser. Dreamweaver automatically fills these fields with the image's original size. 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.

If you set W and H values that do not correspond to the actual width and height of the image, your image may not display properly in a browser. (To restore the original values, click the field labels.) You can change these values to scale the display size of this instance of the image, but this does not reduce download time, because the browser downloads all image data before scaling the image. 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.

Src specifies the source file for the image. Click the folder icon to browse to the source file, or type the path. For information on entering paths, see Absolute paths.

Link specifies a hyperlink for the image. Drag the Point-to-File icon to a file in the Site window, click the folder icon to browse to a document on your site, or type manually the URL path.

Align aligns an image and text on the same line. See Aligning elements.

Alt specifies alternative text that appears in place of the image for text-only browsers or for browsers that have been set to download images manually. For visually impaired users who use speech synthesizers with text-only browsers, the text is spoken out loud. In some browsers, this text also appears when the pointer is over the image.

Map Name Field enables you to create client-side image maps. See Creating image maps.

V Space and H Space add space, in pixels, along the sides of the image. V Space adds space along the top and bottom of an image. H Space adds space along the left and right of an image.

Target specifies the frame or window in which the linked page should load. (This option is not available when the image isn't linked to another file.) The names of all the frames in the current document appear in the Target list. You can also choose from the following reserved target names:

	_blank loads the linked file into a new, unnamed browser window.
	_parent loads the linked file into the parent frameset or window of the frame that contains the link. If the frame containing the link is not nested, the linked file loads into the full browser window.
	_self loads the linked file into the same frame or window as the link. This target is the default, so you usually don't need to specify it.
	_top loads the linked file into the full browser window, thereby removing all frames.

Low Src specifies the image that should load before the main image. Many designers use a 2-bit (black and white) version of the main image because it loads quickly and gives visitors an idea of what they're waiting to see.

Border sets the width, in pixels, of a border around the image. Enter 0 for no border. You can apply a border to both linked and unlinked images. You set link color in the Page Properties dialog box. If you set a border for an image which has no links, the border will be the same color as text in the paragraph in which the image is inserted.

Edit launches the image editor you specified in External Editors preferences and opens the selected image. When you save your image file and return to Dreamweaver, Dreamweaver updates the Document window with the edited image. See Using an external image editor.

Reset Size resets the W and H values to the original size of the image.