# Resize Strategies

The examples below show how the `resize_strategy` impacts resizing a 400×300 pixel image to 100×100 pixels:

### `fit`

Uses the **larger** side of the original image as a base for the resize. Aspect ratio is preserved. Either side will become at most 100 pixels.

For example: resizing a 400×300 image into 100×100, would produce a 100×75 image.

##### Before:

![](https://demos.transloadit.com/77/de8c86ef27492ebdfe2340ea6331de/desert-small.jpg)

Larger side

desert-small.jpg

21 KB ⋅ 400×300

##### After:

![](https://demos.transloadit.com/89/0773178b6d41fda6971c74d7ac6426/desert-small.jpg)

100 px

desert-small.jpg

3.1 KB ⋅ 100×75

### `fillcrop`

Scales the image to fit into our 100×100 target while preserving aspect ratio, while trimming away any excess surface. This means both sides will become exactly 100 pixels, at the tradeoff of destroying parts of the image.

By default the resulting image is horizontally/vertically centered to fill the target rectangle. Use the `gravity` parameter to change where to crop the image, such as `"bottom"` or `"left"`.

##### Before:

![](https://demos.transloadit.com/77/de8c86ef27492ebdfe2340ea6331de/desert-small.jpg)

desert-small.jpg

21 KB ⋅ 400×300

##### After:

![](https://demos.transloadit.com/9b/835c247f1b4f80bfebd96ea3d1ab9c/desert-small.jpg)

desert-small.jpg

3.9 KB ⋅ 100×100

### `min_fit`

Uses the **smaller** side of the original image as a base for the resize. After resizing, the larger side will have a larger value than specified. Aspect ratio is preserved. Either side will become at least 100 pixels.

For example: resizing a 400×300 image into 100×100, would produce a 133×100 image.

##### Before:

![](https://demos.transloadit.com/77/de8c86ef27492ebdfe2340ea6331de/desert-small.jpg)

Smaller side

desert-small.jpg

21 KB ⋅ 400×300

##### After:

![](https://demos.transloadit.com/34/d5b63ec5a044fdb7e2d13b18e07d6c/desert-small.jpg)

100 px

desert-small.jpg

4.6 KB ⋅ 133×100

### `pad`

Scales the image to fit while preserving aspect ratio. Both sides of the resized image become exactly 100 pixels, and any remaining surface is filled with a background color.

In this example, the background color is determined by the[Assembly Variable](/docs/topics/assembly-instructions.md#assembly-variables) `${file.meta.average_color}`. If you set `zoom` to `false` (default is `true`), smaller images will be centered horizontally and vertically, and have the background padding all around them.

##### Before:

![](https://demos.transloadit.com/77/de8c86ef27492ebdfe2340ea6331de/desert-small.jpg)

desert-small.jpg

21 KB ⋅ 400×300

##### After:

![](https://demos.transloadit.com/a5/8b87822c454c5092cfa82d3eb3df11/desert-small.jpg)

desert-small.jpg

3.4 KB ⋅ 100×100

### `stretch`

Ignores aspect ratio, resizing the image to the exact width and height specified. This may result in a stretched or distorted image.

##### Before:

![](https://demos.transloadit.com/77/de8c86ef27492ebdfe2340ea6331de/desert-small.jpg)

desert-small.jpg

21 KB ⋅ 400×300

##### After:

![](https://demos.transloadit.com/db/40e0c7367e4cd6be2c47a0a235a56d/desert-small.jpg)

desert-small.jpg

3.8 KB ⋅ 100×100

### `crop`

Cuts an area out of an image, discarding any overlapping parts. If the source image is smaller than the crop frame, it will be zoomed. This strategy is implied when you specify coordinates in the`crop` parameter, and cannot be used without it.

To crop around human faces, see[🤖/image/facedetect](/docs/robots/image-facedetect.md) instead.

##### Before:

![](https://demos.transloadit.com/77/de8c86ef27492ebdfe2340ea6331de/desert-small.jpg)

desert-small.jpg

21 KB ⋅ 400×300

##### After:

![](https://demos.transloadit.com/97/4d8ba623cc49d588a81baa1247a3a6/desert-small.jpg)

desert-small.jpg

2.8 KB ⋅ 100×100