---
title: Crop
description: Highlight the right part of your visuals using Storyblok’s smart and manual cropping options, optimized for every screen.
url: https://storyblok.com/docs/api/image-service/operations/crop
---

# Crop

## Manual cropping

Manually crop an image by specifying a rectangular area with coordinates for two points: the top-left (X1, Y1) and bottom-right (X2, Y2) corners: `/m/X1xY1:X2:Y2`

Define each point as a pair of coordinates starting from the image’s top-left corner. Try the interactive demo below.

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

## Smart Crop

Append `/smart` after [resizing](/docs/api/image-service/operations/resize) the image to automatically apply a focal point via face detection. This only works with images showing faces.

Try the interactive demo below.

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

## Pagination

-   [Previous: Brightness](/docs/api/image-service/operations/brightness)
-   [Next: Fit-in](/docs/api/image-service/operations/fit-in)