Best practices, tips & inspiration
Dashboard
All Itineraries
Calendar Builder Itineraries
Guest Portals
Task Manager
Invoicing & Financials
General
Webinars
2025 Webinars
2023 Webinars
2022 Webinars
How can I reposition the focus point of a photo?

Introduction

Setting the focal point for an image ensures that the most important part of the photo is always in focus, regardless of how or where the image is displayed. Whether viewed on a mobile device, tablet, or desktop, or if the photo is used as part of a photo grid, slideshow, or as a primary image, the focal point prevents essential details from being cut off.

For example, in a photo of a lion in the grass, setting the focal point ensures the lion’s head will always remain visible, no matter the layout or device. It only takes a moment to set the focal point, but it makes a significant difference in maintaining the visual integrity of your images.

 

While in a Page

For New Images

When uploading or copy-pasting images into an Image Element, you’ll be prompted to adjust the focus point of the photo. Simply click on the area of the photo you want to emphasize to set the focus on your desired subject.

 

Adjusting focus point of new photo in Image Element.gif


For Existing Images

  1. Open the Replace Photo pop-up.
      • For Primary Photos, click the Replace Photo button in the top right.

        sScreen_Shot_2021-02-03_at_7.17.32_AM.jpg

      • For Image elements, click the Add Images button, or theImages icon on Safari Portal.svgimage icon.

        Click Images icon on Images element.gif

  2. Hover over the image whose focus point you'd like to change.
  3. Click the edit iconEdit Icon.svgthat appears.
  4. Readjust the image's focus and click Save.

Editing the focus point of an image already added to Image Element.gif

 


From Your Media Library

  1. On the left-hand side of Safari Portal, navigate to your Media Library.

    Screenshot 2023-09-06 at 13.53.37.png

  2. Hover over the image you want to tag or edit, then click the pencil iconEdit Icon.svgthat appears in the top-left corner.
  3. Adjust the image focus point.
  4. Click Save when you're done.

Adjust image focus from Media Library.gif

Did this answer your question?