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. 



    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



TIP: If you don’t want to crop the content of the image, you can choose ‘Allow overflow = NO’ in the Resize Command. 

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.