Name	Size	Mode	Actions
adjustments.md	1234	0644	editdlrm
background.md	388	0644	editdlrm
border.md	1076	0644	editdlrm
colors.md	2054	0644	editdlrm
crop.md	1746	0644	editdlrm
effects.md	1022	0644	editdlrm
encode.md	729	0644	editdlrm
flip.md	300	0644	editdlrm
orientation.md	425	0644	editdlrm
pixel-density.md	671	0644	editdlrm
quick-reference.md	2616	0644	editdlrm
relative-dimensions.md	494	0644	editdlrm
size.md	1844	0644	editdlrm
watermarks.md	4434	0644	editdlrm

--- layout: default title: Crop --- # Crop ## Fit `fit=crop` Resizes the image to fill the width and height boundaries and crops any excess image data. The resulting image will match the width and height constraints without distorting the image. ~~~ html ~~~ [](https://glide.herokuapp.com/1.0/kayaks.jpg?w=300&h=300&fit=crop) ### Crop Position You can also set where the image is cropped by adding a crop position. Accepts `crop-top-left`, `crop-top`, `crop-top-right`, `crop-left`, `crop-center`, `crop-right`, `crop-bottom-left`, `crop-bottom` or `crop-bottom-right`. Default is `crop-center`, and is the same as `crop`. ~~~ html ~~~ ### Crop Focal Point In addition to the crop position, you can be more specific about the exact crop position using a focal point. This is defined using two offset percentages: `crop-x%-y%`. ~~~ html ~~~ You may also choose to zoom into your focal point by providing a third value: a float between 1 and 100. Each full step is the equivalent of a 100% zoom. (eg. `x%-y%-2` is the equivalent of viewing the image at 200%). The suggested range is 1-10. ~~~ html ~~~ ## Crop `crop` Crops the image to specific dimensions prior to any other resize operations. Required format: `width,height,x,y`. ~~~ html ~~~ [](https://glide.herokuapp.com/1.0/kayaks.jpg?crop=100,100,915,155)