All Collections
How to use the Image element
How to use the Image element
Daniel Howard avatar
Written by Daniel Howard
Updated over a week ago

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

Tips and tricks

  • 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.

Did this answer your question?