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.

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

Selecting a focal point in an image
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.
You can learn more about utilizing focal points using our image service documentation.