Cover Fit Image — Reference

Fill a target width and height proportionally, cropping excess image area.

Before you begin

• A supported image-processing runtime and a disposable test image. Load the named processing instance before effect, transform or Save steps.

Cover Fit Image

Fill a target width and height proportionally, cropping excess image area.

Settings

Setting	Meaning
Image	Select the named Load Image instance available earlier in this action. It is not a filename or an App Connect page component.
Width	The target width in pixels. In Resize, auto leaves this dimension proportional to the supplied height; supported percentage values refer to the current image. Use positive integers for Crop and Cover examples.
Height	The target height in pixels. In Resize, auto leaves this dimension proportional to the supplied width; supported percentages refer to the current image.
Format	The crop-position choice for Cover: Center, Top, Right, Left or the listed corners, plus Node.js-only Entropy/Attention. It is not a file encoding.

Worked example

Cover an 80 × 60 image into a 40 × 40 square with centered positioning. Save the result and confirm that it fills the square without the stretching of an explicit two-dimension Resize.

Check the result

The control labelled Format here selects crop position, not the output file encoding. Entropy and Attention are Node.js-only choices. Use Save Image to select JPEG, PNG or another file format.

Load, transform and save

Image Processor operations run on the server. For transformations, use a named Load Image, apply the intended operations to that instance, and Save it to a deliberate path. A page image component will not automatically update just because an in-memory server instance changed. Return or persist the saved path and update the page’s source as needed.

Check your result

You can configure the selected image operation and inspect a saved result for the intended dimensions or visual effect.