How to resize a larger image using resize and crop

Quite often you have a situation where the image is larger than the expected endresults but the ration of the image might be incorrect.

The following scenario will guide you through the scenario where a template needs to both resize and re-crop an image to get the expected end result and helps you understand the functions, re-size and re-crop and how they should be used together.

Imagine this: Your original image has the dimensions of 4290px × 2800 px (3:2) and your mission is to create a published images with following size: 1080 × 1920 (9:16 - Aspect ratio different from original image), with the frame filled with content. 

STEP-BY-STEP

1. 1. Create your Image Template
   2. Configure the Resize Command with below

• Provide width and height as 1080 × 1920
• Enable Proportional Scaling by clicking Proportional checkbox YES
• Enable Overflow by clicking Overflow checkbox YES

The proportional resize image will be: 2942 × 1920

3. Enable the Crop Command on your template.

• Open up your image template and scroll down to Add Commend
• Choose and add Crop Crop Command

• Provide the width and height as 1080 × 1920
• Choose the Gravity (as center). The cropping will start from the center of the image
• (Choose ‘YES’ for ‘Use Crop Point’ if you want to override the cropping by manually choosing the Focus Point)

The cropped image will be: 1080px × 1920px with the content cropped

In that case, the content will not overflow and the image will be scaled proportionally e.g in the given example the resulting size will be 1080px × 705px.