Crop your images by specifying the width
and height
parameters (w
and h
in URLs) while setting the crop
parameter to crop
(c_crop
in URLs). This will extract only part of a given width & height out of the original image. The original proportions are retained and so is the size of the graphics.
Here's an original image:
Here is a 150x150 images cropped from the center of the original:
Cloudinary also supports custom/fixed coordinates cropping. Use this method when you know beforehand what the correct absolute cropping coordinates are. For example, this method is helpful when your users manually select the region to crop out of the original image. Many Javascript libraries (such as Jcrop) support client-side cropping region selection. Simply send the coordinates to Cloudinary and get the desired cropped image.
Custom coordinates cropping is applied by setting the x
and y
of the corner with the width
and height
of the requested result:
See this blog post for more information: Cloudinary as the server-side for Javascript image cropping libraries.