# Positionable Crop

Allows to crop an image by providing the cropping area. It is useful when you want to crop a specific part of the image. To set the coordinates of the crop rectangle, use the **tl\_px** and **br\_px** operations.

<mark style="color:orange;">**tl\_px=X1,Y1**</mark>

<mark style="color:orange;">**br\_px=X2,Y2**</mark>

## Examples

Original image: [/docs/kids.jpg](https://fdocs.filerobot.com/docs/kids.jpg)

<figure><img src="https://fdocs.filerobot.com/docs/kids.jpg" alt=""><figcaption></figcaption></figure>

| Preview                                                                                                                                                                                                             | Syntax                                                                                                                                                                                                 |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| ![](https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2FVO09IujHGzMxF1uRm9jC%2Fimage.png?alt=media\&token=3e41e651-f658-44e1-b0c7-86be07dd1859) | [/docs/kids.jpg?<mark style="color:orange;">**tl\_px=900,100**</mark>&<mark style="color:orange;">**br\_px=1300,550**</mark>](https://fdocs.filerobot.com/docs/kids.jpg?tl_px=900,100\&br_px=1300,550) |
| ![](https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2FNPQY3wGEq8jAngZZJ1LH%2Fimage.png?alt=media\&token=9107cb8f-a2fb-452e-b096-4bb9080141e5) | [/docs/kids.jpg?<mark style="color:orange;">**br\_px=890,560**</mark>](https://fdocs.filerobot.com/docs/kids.jpg?br_px=890,560)                                                                        |

## Combining positionable crop with resize modes

Positionable crop can be combined with all available resize functions - [width/height](https://docs.scaleflex.com/dynamic-media-optimization-dmo/transformations/image-optimization/operations/width-and-height), [crop](https://docs.scaleflex.com/dynamic-media-optimization-dmo/transformations/image-optimization/operations/crop), [fit](https://docs.scaleflex.com/dynamic-media-optimization-dmo/transformations/image-optimization/operations/fit), [bound](https://docs.scaleflex.com/dynamic-media-optimization-dmo/transformations/image-optimization/operations/bound) or [cover](https://docs.scaleflex.com/dynamic-media-optimization-dmo/transformations/image-optimization/operations/cover). This operation is performed after the positionable crop.

### Examples

| Preview                                                                                                                                                                                                             | Syntax                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ![](https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2F5TS1TnzFJKzNta1L6YG5%2Fimage.png?alt=media\&token=1357ad74-2a0e-4558-b8e3-b3a2b8a70c8c) | [/docs/kids.jpg?<mark style="color:orange;">**w=200**</mark>&<mark style="color:orange;">**tl\_px=900,0**</mark>&<mark style="color:orange;">**br\_px=1300,600**</mark>](https://fdocs.filerobot.com/docs/kids.jpg?w=200\&tl_px=900,0\&br_px=1300,600)                                                                                                                                                                                          |
| ![](https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2FXtUrwHlaPOZaTRrjBPVR%2Fimage.png?alt=media\&token=77720d96-a9d7-4f58-8714-114db5537533) | [/docs/kids.jpg?<mark style="color:orange;">**w=800**</mark>&<mark style="color:orange;">**h=270**</mark>&<mark style="color:orange;">**tl\_px=310,70**</mark>&<mark style="color:orange;">**br\_px=1550,580**</mark>&<mark style="color:orange;">**func=fit**</mark>&<mark style="color:orange;">**bg\_color=3498db**</mark>](https://fdocs.filerobot.com/docs/kids.jpg?w=800\&h=270\&tl_px=310,70\&br_px=1550,580\&func=fit\&bg_color=3498db) |