How to use the focus point set in Storyblok

In Storyblok, the focal point set feature allows you to specify the part of an image that should be focused on when the image is displayed.

This is useful when the image is displayed in a container with a different aspect ratio than the original image or when the image needs to be cropped to fit a specific layout.

In the steps below, you can utilize the focal point set of an image in Storyblok:

• First, select the image block you want to set as a focal point {1}, and click on edit {2} for the image block.

• Click on the image, and a blue circle {1} will appear to indicate the selected focal point and save {2}.

Once you have set the focal point for an image, Storyblok will automatically crop and resize the image to fit the container while keeping the focal point in view. This ensures that the important part of the image is always visible, even when displayed in a different aspect ratio.