Uploadcare Image Transformations allow you to adjust image size and crop options on the fly, adjust resizing behavior, and set a background fill color when cropping images.
- Resize image proportionally to fit into given dimensions,
- Resize image to fit into specified dimensions,
- Crop image to specified dimensions implementing offsets,
- Scale image and crop it where needed,
- Adjust resizing behavior,
- Define fill color to use with
Responsive Images are crucial to optimizing your image performance. You can check whether or not you are serving appropriately sized images to desktop and mobile layouts via PageDetox, our tool for analyzing and optimizing images.
Reduces an image proportionally for it to fit into the given dimensions in
pixels. If dimensions are not specified, we use the default values of
Resizes an image to fit into the specified dimensions. With just a single linear dimension specified, preserves your original aspect ratio and resizes an image along one of its axes.
Crops an image using specified dimensions and offsets. If no offset values are passed into the operation, the top-left image corner is used by default.
If given dimensions are greater than the ones of the original image, the image
is rendered inside a color-filled box. The color of that box can be changed via
:type is not specified.
Scales down an image until one of its dimensions gets equal to some of the specified ones; the rest is cropped. This proves useful when your want to fit as much of your image as possible into a box. Let us compare the two resizing methods:
:type is set to
Switching the crop type to smart enables the content-aware mechanics: detecting faces and other visually important objects or areas in images. Specifically, with the setting, Uploadcare applies AI-based algorithms implementing deep neural networks to automatically detect visually important areas in images and crop the rest.
resize behavior when a source image is smaller than the resulting
dimensions. The following modes can apply:
on— stretches an image up, the default option.
off— forbids stretching an image along any dimension that exceeds image size along any of its axes.
fill— does not stretch an image, the color-filled frame is rendered around instead, the default fill color is used.