To set image properties
- Select the image and display the Property Inspector then set properties as described in the table below
Resizing an Image
As mentioned above, it is not a good idea to change the size of an image by very much. If you make the image larger, it will distort. If you make the image smaller, the file size will remain the same, making download times longer than they need to be.
If you do need to make a minor adjustment, as well as using the Property Inspector, you can click-and-drag to resize an image.
To resize an element
- Select the image to be resized
The resize handles are displayed in the bottom right-hand corner, the right side and bottom side of the image.
- To adjust the width and the height together drag the bottom right-hand corner handle (to keep the image in proportion, hold down the Shift key as you drag)
- To change the width of the image drag the handle on the right-hand side
- To change the height of the image drag the handle at the bottom of the image
Moving an Image and Aligning with Text
The placement of an image depends on the size and paragraph alignment of text and the size of the browser window.
If you want to position images more exactly, consider using a table.
To change image alignment
- Select the image
- Click-and-drag the image to move it to a different location
- To determine how the image affects text around it, on the Property Inspector, choose an option from the Align box, as described below
Align list box
The Left and right options float the image onto a margin. Text will flow around it to the right/left respectively. A blue icon appears in the text to show where the image is anchored.
Note: If you delete the anchor icon or the text containing it, the image will also be removed.
The other options make the image inline with text. The setting controls how the image is positioned vertically relative to the line of text.
Image alignment options