to CMS OverviewBack to CMS Overview
To insert an image into your content, place the cursor where you would like the image to appear in the document and select the Insert/Edit Image button. Similarly, to edit an existing image, click on the image once and then select the Insert/Edit Image button.
The following dialog box will appear:
You can either type the URL of the image into the Image URL field, or browse the server by selecting the Yellow Folder icon pictured above. (For more information about browsing the server, please refer to the section entitled File Manager.)
The Image Description field serves as the alt text, or alternate text, which is shown to individuals who have images disabled in their web browser. It is important to make the Image Description descriptive yet concise. Although this field is optional, it is a good practice to populate it whenever possible.
The Title field serves as the image’s title attribute. In most browsers, when a user hovers over the image, they will be shown a tooltip containing the text that has been set in the title attribute. In addition, many photo galleries (such as Lightbox) use the title attribute as a caption.
You can change the alignment, dimensions, and other image attributes using the Appearance tab.
Alignment will tell the browser where to place the image in reference to the existing content. You can see a preview of how your image might appear in line with text in the preview on the right.
Dimensions tell the browser how wide and tall to draw the image. The first field is always width and the second field is always height. These attributes are always set in pixels. If you select Constrain proportions, the image will maintain its original aspect ratio as you adjust the width and height.
***Note: Reducing the width and height in this dialog does not reduce the overall size of the image. To scale down an image and reduce the file size (allowing it to load quicker for users), please refer to the Image Editor section of this documentation.
}TOP{