Skip to content
  • There are no suggestions because the search field is empty.

Resizing and Cropping Images - Do you know the difference?

Once you've added an image template to your Qbank Backend you might need to tweak the settings. Instead of only resizing your image, you need to crop it as well (to fit in better).

Resizing reduces the overall file size of an image without removing any part of it, while cropping cuts the image to a specific dimension, keeping only a portion of the original. This article explains both concepts and shows how to add a Crop Command to your QBank download templates.

Resizing 

Resizing is used to bring down the size of the entire image. It effectively reduces the actual file size (MB) of the image, allowing it to be uploaded to a PPT, newsletter, or the Internet.

It involves making a picture “weigh” less. None of the image is lost, but everything is smaller.

When you add a new download template in your QBank backend, Resize is enabled by default in the template settings.

Cropping

Cropping is used to fit an image to a specific dimension, or to refocus it on a particular area. The new size is different and you only get a part of the original image.
It defines a rectangular window and extracts only that area from the original image.

TIP: Resize should always be done first, then crop if it is necessary. We always want to keep the image dimensions and image hierarchy in mind when cropping.

How do you add a crop command to a QBank image template? 

To add a crop command to a QBank image template, navigate to Administration, select the target template under Image, enable the Crop Command, and set the desired dimensions. For example, if your resized image is 700px by 850px but needs to be exactly 700px by 700px, follow the steps below. 

In this case, you need to add the Crop Command to your QBank Image template. 

Follow these steps:

  1. Navigate to the Administration tab in the upper right corner of your QBank
  2. Click on Template in Left Panel 
  3. Click on Image
  4. Click on the template that needs cropping

  5. Enable the Crop Command on your template.

    • Open up your image template and scroll down to Add Command
    • Select Crop from the command list and click Add to insert the Crop Command into your template

    • Provide the width and height as 700 × 700
    • 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)

6. Save your changes. 

The resulting cropped image will be 700px × 700px, with content trimmed from the edges based on the selected gravity.