---
title: Focal Point
description: Ensure your key visual elements always stay in focus with Storyblok’s smart focal point feature.
url: https://storyblok.com/docs/api/image-service/operations/focal-point
---

# Focal Point

Define a focal point that should remain centered when resizing the image by appending `filters:focal(X1xY1:X2xY2)`. Think of the focal point as a small rectangular area that is defined by the respective coordinates.

> [!NOTE]
> Usually, content editors would define a focal point in the CMS. If a focus point has been set, the coordinates will be included in the `focus` property of the asset field and can be used as a value for the focal point filter.

Try setting a focal point in the interactive demo below. See it being kept visible as you progress to resize the image.

> [!NOTE]
> The interactive Image Service demo is not available in the Markdown version of this page.

## Pagination

-   [Previous: Flip](/docs/api/image-service/operations/flip)
-   [Next: Format](/docs/api/image-service/operations/format)