The Image Element enables you to enhance your page content with various visual layouts, including:

• Single Image Spreads
• Photo Grids and Collages
• Dynamic Slideshows
  

These options provide flexibility to showcase your visuals in the most engaging and impactful way.

Adding an Image Element

The Image Element part of the Element Library. To access all the tools in the Element Library while editing a page, simply use the inline editor:

1. Hover between any two sections of the page.
2. Click the blue plus (+) button to open the Element Library and add new elements
3. Select the Image Element.
   

Adding Photos

You’ve set up the frame—now it’s time to add some photos! Click the Add Photos button, and you’ll be able to add images in one of three ways:

1. Search the Safari Portal Media Library to explore thousands of stunning, professional images readily available within Safari Portal. You can also find images that you or your team members have previously uploaded within the Media Library.
   
   
   
2. Drag and drop images or click Upload Photo Here to add photos from your computer (this will automatically save the photos to your Media Library).
3. Copy and paste images using the Paste Image Here field (this will automatically save the photos to your Media Library).
   

Removing Photos

1. Hover over the Image Element.
2. 1. To remove all photos in the block, click the trash icon.
   2. To remove specific images:
   3. 1. Click Add Images within the element.
      2. Hover over the image you want to remove.
      3. Click the trash icon to remove it from the Image Element.
         

📌 Note: Removing an image from the element does not delete it from your Media Library; the image will remain available for future use.

Tips & Tricks 💥

• Mix and match photo layouts to get more dynamic pages! The below combines a photo grid with a single photo to make an interesting spread of images.

• Add tags to your photos to make it easy to search through them later on!
• Any images you upload or copy into an Image Element will automatically be saved to your Media Library
• Prevent images from showing up improperly by repositioning the focus point of your image. Your photos will look great no matter if someone views them on their phone or desktop, or if the photo is used as a single image spread, a primary image on the left, or as part of a photo grid.
• Rearrange your photos in a slideshow (we recommend going from day to night, or inside to outside, depending on the image's content).
• Follow our guidelines for ideal photo sizes and use the highest-quality images you can.

Interactive Tutorial

Keywords: Element library, image element, element, images.