Image Editor

The image editor allows you to make small adjustments to the images in your content quickly and easily.

 

How to access?

You can access the image editor by clicking on the Edit Image button, which you will find when selecting any image element in your content:

Image Editor - 1-min.png

 

Interface

The image editor consists of three sections:

1. Preview and save: to save, undo, or discard changes and preview the final result of the image to be inserted.

2. Options: to choose the type of adjustment to apply changes in the action menu 3 (tools). You can apply options for Adjustment, Size, Filters, Style, and/or Annotation.

3. Actions: to configure the desired changes for each option.

Image Editor - 2-min.png

 

Functionality

The image editor allows you to adjust an image, resize it, apply a filter, change style parameters (such as brightness, contrast, etc.), as well as insert text annotations, images, etc.

To do this, simply click on the desired option in the menu (2) and make the relevant modifications.

 

1. Adjust Size

In the options menu (2), click Adjust.

Image Editor - 3-min.png

In the actions menu (3), you can crop the image, rotate it, flip it vertically or horizontally.

2. Resize 

In the options menu (2), click Size.

Image Editor - 4 (2)-min.png

In the actions menu (3), you can adjust the width and height of the image, choosing to maintain the same proportions or apply new ones using the (Toggle Proportion Lock) button.

3. Apply Filters

In the options menu (2), click Filters.

Image Editor - 5-min (1).png

In the actions menu (3), you can choose the desired filter to apply to your image.

4. Modify Styles

In the options menu (2), click Style.

Image Editor - 6-min.png

In the actions menu (3), you can adjust Brightness, Contrast, HSV, Blur, and Warmth.

5. Add Annotations

In the options menu (2), click Annotations.

Image Editor - 7-min.png

In the actions menu (3), you can add text, another image, shapes (rectangle, ellipse, and polygon), draw with a pencil, add a line or arrow, and adjust their appearance relative to the main image.

6. Undo, Redo, or Save Changes

To manage changes, you have several options in the preview and save panel (1):

  • Click the (Undo Last Operation) button to undo the last modification. You can repeat this operation as many times as necessary, and any unsaved changes will be undone in descending order, from the most recent to the first.

Image Editor - 8-min.png

  • Click the (Redo Last Operation) button to redo the last undone change. If multiple changes were undone, you can redo them all, from the first to the most recent.

Image Editor - 9-min.png

  • Click the (Reset/Delete All Operations) button to clear all applied changes that haven't been previously saved.

Image Editor - 10-min.png

  • Click Save to keep the changes visible in the preview and save panel (1) at that moment.

Image Editor - 11-min.png

 

 

 

 Congratulations!
You've reached the end of the lesson.

  

Still have unanswered questions?
Remember that our Connectif specialists are at your disposal. To contact them, simply open a support ticket by clicking on the blue "Help" button on your dashboard.

 


Keep learning!

To make the most of your Connectif account, we recommend continuing with the following articles:

Was this article helpful?
0 out of 0 found this helpful