- Edit Image Properties
- Edit Image Properties
- "70afc19f-7b25-48ee-8131-65e71eaf7a62
- You can set the properties for any image inserted in a web page on the Image Properties dialog box. This dialog box has three tabs, Image Info, Link, and Advanced.
- The Image Info tab is used to set the URL to the image and configure how the image looks in the document. This tab contains the following fields.
- image file. You can change the image displayed by clicking the Browse button to select a new source file or URL. All other image properties except size remain unchanged for the new image.
- : Sets the location of the
- URL
- : Enter a description of the image that can be read by an assistive device such as a screen reader. This provides accessibility for users with disabilities.
- Alternative Text
- When placing an image that is solely decorative, leave the Alternative Text field blank. This creates an empty alt-"" tag in the source HTML that is ignored by a screen reader.
- Note:
- : Enter the width of a new image and select the associated units (pixels or points). Also, used to edit the width of an existing image.
- Width
- : Enter the height of a new image and select the associated units (pixels or points). Also, used to edit the height of an existing image.
- Height
- : Main
- Lock Ratio
- tains the ratio between the height and width of the image to prevent distortion as you resize the image from the Image Properties dialog box. With this option is selected, you can type a new value in the Height or Width field, and the value of the other dimension is updated automatically when you tab or click off your entry. You turn off the Lock Ratio by clicking the icon to show the unlocked state.
- Note:
- bandon changes to image properties and reset the image back to the original size.
- : Use this icon to a
- Reset Size
- : Sets the width of a border around the image. For images that are not hyperlinks, the border is black. If an image with a border functions as a hyperlink, its border appears in the default hyperlink color. If an image without a border functions as a hyperlink, a 2-pixel colored border is automatically added to indicate the presence of the hyperlink, although you can also increase the width of this border, if desired.
- Border
- Note:
- : Sets the h
- HSpace
- orizontal spacing (in pixels) between the image border, if present, or the image itself and other elements in the document.
- : Sets the v
- VSpace
- ertical spacing (in pixels) between the image border, if present, or the image itself and other elements in the document.
- : Sets the horizontal alignment (Left or Right) of the image relative to the line containing it. Left places the image at the left margin and wraps subsequent text along the right side of the image. Similarly, Right places the image at the right margin and wraps subsequent text along the left side of the image. If the image is on a line by itself (that is, if text wrapping is not important), you can use the paragraph alignment controls instead to obtain the same effect.
- Alignment
- Note:
- :
- Preview
- Displays a view of what the image looks like with the selected properties.
- The Link tab is used to create a clickable link from an image placed in a document. This link can point to many kinds of objects on the internet including a web address, PDF, or video. This tab contains the following fields.
- If your image is located on the same server as your link destination, you can use a relative URL (for example, /images/image2.jpg). If the image is located on an external server to your link destination, you must use the full absolute path (for example, http://example.com/image1.jpg).
- : Use this field to browse to the destination the image links to.
- URL
- Determines how the linked content displays in the window after the image is clicked. You can choose between New Window, Topmost Window, Same Window, or Parent Window.
- :
- Target
- If you want to edit an image that is connected to a link, use the context menu and choose the Image Properties option. The Image Properties window lets you modify both the image and the link that it is pointing to. If you double click the image instead, you open the Link dialog box that allows you to edit the link properties and but not the image itself.
- Note:
- The Advanced tab is used to configure additional image options such as a longer image description, or tooltip text. This tab contains the following fields:
- : Use to point to a URL
- Long Description URL
- (longdesc attribute) of a page containing a longer description of the image.
- : This is the text
- Advisory Title
- of the tooltip (title attribute) that is shown when the mouse cursor hovers over the image. This text is not used by screen readers. To provide an accessible description, use the Alternative Text field on the Image Info tab.
- Note:
- To edit image information properties:
- Double-click the image to display the Image Properties dialog box.
- Image Properties
- Change the image properties as needed.
- Click
- OK