Image Properties (WYSIWYG Editor)

The properties window can be accessed by double-clicking the image, or highlighting, then selecting the 'Image' icon from the toolbar.

Image properties can be broken down into these sub-sections:

Dimensions & Proportions

Width and Height can be specified here. The Constrain checkbox will maintain the image's proportions. This means when one dimension is changed, the other will adjust accordingly. This is used to preserve its quality, preventing the image from appearing stretched or distorted.

Always make sure the Constrain box is checked. If for any reason it is not, click it once.

Border

This will add a black border to your image. The larger the number, the thicker the border. (We recommend 1 or 2.)

SEO/ADA Text

This feature serves a dual purpose. First, if used consistently, it can help with SEO rankings, which is why we recommend it. Second, it is picked up and narrated by screen readers to their users. These are machines which will read web content to blind or visually impaired individuals. 

Enter a few words or a brief phrase describing the image. Make sure that the image is placed close to relative content. 

Examples:

Good: "Work Meeting"

Better: "Architectural Design Meeting"

Positioning

Text Flow

Text Flow will shift the text to display in a specified position, relative to the image. You can align the image to the left or right of the screen and the text will wrap around it. Alternatively, you can force the text to align with the top, middle or bottom of the image. We recommend using the Float Left or Float Right options.

Use the preview box to see how your positioning adjustments will reflect on your image.

Distance to Surrounding Text

This provides padding (space) from the image, to the content on either side.

We recommend:

Text Flow Left: Enter '4' for Top & '10' for Right.

Text Flow Right: Enter '4' for Top & '10' for Left.

The top padding pushes the top of the image to align with the top of the text.