help ukraine

We stand with Ukraine! If you're as appalled by Russia's abhorrent attack as we are, please support Ukraine and its people.

Crop

On this page

Crop any part of an image by choosing a new width and height plus starting point for the crop.

Choose the new width and/or height - if you omit one, it will default to 100% of the image.

Use 'cw' to specify the new width in pixels or percent (%). The example below was 400px and has been cropped to 300px width:

https://demo.sirv.com/looks.jpg?cw=300

Image cropped in width

Use 'ch' to specify the new height in pixels or percent (%). The example below has been cropped to 100px height:

https://demo.sirv.com/looks.jpg?ch=100

Image cropped in height

Unless explicitly stated, cropping will start from the top left of the image. This can be adjusted with 'cx' and 'cy' options. These 2 options will move the point of the crop in a specified number of pixels from the top left. For example, the cropping starts at 107 pixels across and 17 pixels down:

https://demo.sirv.com/looks.jpg?ch=166&cw=166&cx=107&cy=17

Image cropped in width and height

You can crop around the center of the image by setting cx and cy to 'center':

https://demo.sirv.com/looks.jpg?ch=250&cw=190&cx=center&cy=center

Image cropped in width and height with center specified as starting point

This image is cropped around the center of the image to 50% of its original height, 100% of its original width:

https://demo.sirv.com/looks.jpg?ch=50%&cw=100%&cy=center&cx=center

Image cropped to 50% height from center

Cropping can be combined with resizing to create an image of any size and shape:

https://demo.sirv.com/looks.jpg?w=50%&h=50%&ch=120&cw=120&cx=40&cy=0

Resized and cropped image

Was this article helpful?

Get help from a Sirv expert