The Image Editor allows you to make quick edits to your site images. Transform (crop or rotate), add text, and more to the images in your site. The Image Editor can be accessed on the canvas from any location an image can be added (for example, a row or column background), image widgets, or widgets that can include an image (for example, the Tabs widget).
To open the Image Editor:
-
Open the location or widget's settings.
-
Navigate to the image's thumbnail (in the location or widget's settings).
-
Click the pencil icon to open the image editor.
After opening the Image Editor, there are several options available, from cropping an image, adding a frame, making adjustments, and more. Edits can also be undone or canceled completely, as long as you click undo before saving the changes.
Following are the various areas of the image editor and what you can accomplish with the built-in tools.
Top bar options:
-
Undo and redo. Click to undo or redo an action.
-
Zoom in and out. Adjust the zoom on your image or use the dropdown menu to select a pre-set zoom. This is only for viewing and editing in the image editor, the zoom settings will not alter the image.
-
Close. Closes the image editor. And edits that were not saved will be lost.
-
Save. Save image edits before exiting the image editor. The edited version of the image does not replace the original, instead the new image's name will be the same with an autogenerated alphanumeric number at the end, such as file-name-213f3kv.jpg
Main image editing options:
-
Image. If necessary, you can replace the image from here.
-
Crop. Manually crop your image, or select from pre-set aspect ratios.
-
Stroke. Set a color, width, border style, position, and join style for the image border.
-
Adjustments. Set the brightness, saturation, contrast, and more for the image.
-
Filter. Apply a filter and its intensity to the image.
-
Effect. Apply a special effect, such as pixelize, to the image.
-
Blur. Select a type of blur to apply to the image.
-
Inspector. Click to open the image details and view the various settings applied to the image.
Left side bar options:
-
Text. Add a title, headline, or text to your image. Various settings allow you to set the font, size, color, background, shadow, opacity and more for the text.
-
Images. Select an image to add over the existing image. Various settings allow you to crop, adjust, filter, set opacity, add a filter, blur, shadow and more for the image.
-
Icons. Add an icon to the image. Various settings allow you to set the icon shape, color, outline, and more.
-
Remove background. Remove the background of your image with just one click.
-
When you edit an image with the Image Editor, it is saved under Site Images in the Image Picker and Media Manager (images do not replace previous images when making edits, they create new versions). The file name of edited photos will be the same with an autogenerated alphanumeric number at the end, such as file-name-213f3kv.jpg
-
The Image Editor is only available from a location on the canvas and not from the Image Picker or Media Manager.
-
Images are able to be cropped, though not able to be resized.
The Image Editor is not able to resize image files, though images can be cropped.
Yes! After selecting the sticker option, there is a button to Upload Sticker.
At this time no type of image file can have its opacity edited, though a filter or overlay can be added that could give a similar affect.