How to use the Image element

The Image element allows you to insert an image into the page. It is a powerful tool for enhancing the visual appeal of your page.

You can find and insert an Image element from the sidebar.

This is how the Image looks like

Important options

Image: Choose or upload an image.
Alt text: This text will be displayed if the browser cannot show the image (image not found, slow Internet connection). It also helps search engines understand the meaning of the image.
Image link: Set a URL for the image.
Width: Image width.
Height: Image height.
Alignment: If Width is less than 100%, you can align the image to left, center, or right.
Image border radius: Set a curved corner for the image border.
Filter: Apply a filter to the image.
- Blur
- Grayscale
- Hue rotate
- Invert
- Sepia
- Brightness
- Contrast
- Saturate

You can enable image lazy loading for the page under Settings > Lazy loading to defer the loading of high-quality images until you scroll to them. This will boost page loading speed significantly if there are many images on your page.