Add and Format Images

Using the Text and Image editor, you can illustrate your text content with images, creating visually attractive articles and presentation pages. To add an image, open the Text and Image editor and click inside the text where you want to position the image. Then from the toolbar select the Insert Image icon . An Image upload panel will open on the right.




Choose File from the drop-down to upload images which are stored locally on your computer. Just click on the Browse button, locate the image and Upload file.


Choose URL from the drop-down and you can add an image from some online location. Just copy the address of the image, paste it inside the URL field and click Set URL.


Or, click the Library tab and select a stock image.


Once an image has been uploaded to the Text and Image editor, Click on it and an Image editing panel with additional options for editing, setting size, border, wrapping styles and effects will open to the right.


You can change the selected image at any time by clicking on the Change button. Choose Edit and the image will open in an external editor where you apply basic image editing such as crop, flip, rotate, resize, and limited special effects.

Choose File from the drop-down to upload images which are stored locally on your computer. Just click on the Browse button, locate the image and Upload file.



The Default options will allow you to set custom Image Dimensions by specifying the desired width and height. When changing size, it is recommended to click the padlock icon  to constrain the image proportions and prevent distortion. e.g. When we change the width, the height will be adjusted proportionally to ensure both the ratio and perspective remain relative to that of the original image. To return an image to its original size, click the Reset link.


NOTE: Changing the width and size of an image in the editor will only scale the image to the new dimensions visually when the browser loads the page, but the image file retains its original size. To optimize larger images for faster loading, it is recommended to resize images in an external image editing program before uploading the file to the Text and Image editor.

 

The Alt Text and Mouse-over caption field allows you to specify some description text related to the image that will appear when a user places their cursor over the image. The rollover captions also have a role for the proper search engine optimization of your website, so it is recommended to add them for key images on your pages.


With the last default option, we can choose between three Image Alignment and Text Flow styles for each image.

  1. no wrapping
  2. left wrap
  3. right wrap

Enable the Advanced Options  to access additional editing options.


Adjust the Spacing Around Image in relation to the text content by specifying top, bottom, left and right padding in pixels.

In the Image Effects section we can set Instant Photo and Reflex effects. 


Note: Image Effects that have been applied will not be visible in the Text and Image editing window.   

Instant Photo (tilt left)

Reflex (perspective left)



 to apply the changes on the page.