> For the complete documentation index, see [llms.txt](https://docs.cloudimage.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cloudimage.io/transformations/image-operations/crop/focal-point-crop.md).

# Focal point crop

Allows to crop an image by defining the coordinates of the crop focal point. It is useful when you want to crop images where the coordinates of the point of interest are already known or set.

To set the coordinates of the focal point, use the **gravity=X,Y** operation where **X** and **Y** are the coordinates of the focal point (in pixels). Alternatively, you can set the coordinates as a percentage of the original image - **gravity=Xp,Yp** or **gravity=xc,yc**, where X,Y=0..100 and x,y=0..1.

<mark style="color:orange;">**gravity=X,Y**</mark>

<mark style="color:orange;">**gravity=Xp,Yp|xc,yc**</mark>

Another way to set the coordinates is to save them as part of the `file info` metadata in the integrated Cloudimage library and use the **gravity=meta** operation (the file needs to be stored in the Cloudimage library so that the transformation engine can query and use the custom point).

<mark style="color:orange;">**gravity=meta**</mark>

{% hint style="info" %}
**gravity=meta** will use the coordinates if present, and fall-back to **auto** if not.
{% endhint %}

## Examples

Original image: [/docs/castle.jpg?<mark style="color:orange;">**w=1000**</mark>](https://doc.cloudimg.io/https://samples.scaleflex.com/castle.jpg?w=1000)

<figure><img src="https://fdocs.filerobot.com/docs/castle.jpg?w=1000" alt=""><figcaption></figcaption></figure>

| Preview                          | Syntax                                                                                                                                                                                                                                                                                   |
| -------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ![](/files/2odjiDmLfMH3ociI3kFk) | [/samples.scaleflex.com/castle.jpg?<mark style="color:orange;">**w=450**</mark>&<mark style="color:orange;">**h=300**</mark>&<mark style="color:orange;">**gravity=1750,1000**</mark>](https://doc.cloudimg.io/https://samples.scaleflex.com/castle.jpg?w=450\&h=300\&gravity=1750,1000) |
| ![](/files/dipAQagUjCI7aPtWIuM1) | [/samples.scaleflex.com/castle.jpg?<mark style="color:orange;">**w=450**</mark>&<mark style="color:orange;">**h=300**</mark>&<mark style="color:orange;">**gravity=80p,50p**</mark>](https://doc.cloudimg.io/https://samples.scaleflex.com/castle.jpg?w=450\&h=300\&gravity=80p,50p)     |

{% hint style="info" %}
Please note that the focal point in **gravity=X,Y** has to be defined as coordinates **X** and **Y** of the full-sized origin image and not the scaled-down version.
{% endhint %}