The Image Element lets you add an image file to your canvas.

Adding an Image Element

When you add an Image Element it will open on a window that will let you select an item from your Media Manager, Pixabay, Unsplash, or Pexels. You can also upload a new image by dragging the file on your computer to the dialog box. You could also click cancel to be left with an empty Image Element.

After selecting an image it will fill the space, you can now move and resize the image, or use the Gear icon to open the Edit Element tools.

The default size behavior of an Image Element is to “cover” the space, meaning the image will be cropped to fit the shape of the element (red outline). This can be changed in the size edit options.

Editing an Image Element

Edit Icon	Description
	Image allows you to change the image by selecting a different one from the Media Manager.
	Stock Media allows to select a stock image.
	Frame allows you to add a stylized frame around the image.
	Preset allows you to add a preset color filter.
	Shapes allows the image to be cropped into a different shape than the standard square.
	Animation allows you to add an animation to the image
	Repeat Displays the image in a repeating grid that fills the area of the image element.
	Offset allows you to pushes the image to the right or down from the top left corner of the element. The offset is configured in percentage.
	Size changes the sizing behavior of the image in the space. cover – Fills the element with your image and adjusts when you resize the Element. contain – The image is scaled to maintain aspect ratio while staying within the Element. auto – The image will display full size and adjusting the Element size around it will crop the image from the tp left corner, Changing the Offset can move the relative position. manual – Allows you to size the image yourself using percentages.
	Filters allows you to adjust the image with different filters. Sepia, Blur, Brightness, Contrast, Grayscale, Inver, Saturate, Hue-rotation
	Shadow allows you to add a shadow around the image
	Clear Image removes the image from the space