Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/ledger.corals.io/vendor/league/glide/docs/1.0/api/ |
--- 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 <img src="kayaks.jpg?w=300&h=300&fit=crop"> ~~~ [](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 <img src="kayaks.jpg?w=300&h=300&fit=crop-left"> ~~~ ### 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 <img src="kayaks.jpg?w=300&h=300&fit=crop-25-75"> ~~~ 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 <img src="kayaks.jpg?w=300&h=300&fit=crop-25-75-2"> ~~~ ## Crop `crop` Crops the image to specific dimensions prior to any other resize operations. Required format: `width,height,x,y`. ~~~ html <img src="kayaks.jpg?crop=100,100,915,155"> ~~~ [](https://glide.herokuapp.com/1.0/kayaks.jpg?crop=100,100,915,155)