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.

Copied to the clipboard

Manual Crop

Enable

Left 1

Top 1

Left 2

Top 2

Once enabled, use the sliders to set the coordinates of the rectangular area to be cropped. The width and height sliders, if present, will be ignored.

Smart Crop

Append /smart after resizing the image to automatically apply a focal point via face detection. This only works with images showing faces.

Try the interactive demo below.

Copied to the clipboard

Width

Height

Smart Crop

Enable

Was this page helpful?

This site uses reCAPTCHA and Google's Privacy Policy (opens in a new window) . Terms of Service (opens in a new window) apply.

Get in touch with the Storyblok community

Privacy policy (opens in a new window)
Cookie settings (opens in a new window)