Crop, Resize and Extend Images in the Asset Bank

  • Updated

You can use crop and resize assets, convert them from JPG to PNG, and download the new custom cropped file by using the native crop tool built into the asset detail. This tool helps save time by resizing in Bynder and not having to use a different platform.

You can create a variety of sizes and derivatives with the DAT module. 

Who can crop assets?

Users with the following permissions can crop assets:

  • Crop assets & Download original assets: Users can use the crop tool and download their cropped assets. Both of these permissions must be enabled for users to crop assets.

  • Crop assets & Upload assets: Users can save crops as net new assets if both permissions are enabled.

  • Crop assets, Upload assets, & Edit assets: Users with all three permissions can add the cropped asset as a new version available for download. 

Crop Assets

The crop tool can be used to reduce the image size, not to enlarge images. The maximum size available is the "original" pixel dimensions of the asset.

crop_tool_screenshot.png
  1. Navigate to your Asset Bank.
  2. Click the asset detail view of the asset you want to crop.

  3. Select Crop or Crop / Extend Canvas in the Info tab on the right-hand side. A crop grid will appear on the image.

  4. Drag the blue dot anchors on the corners of the grid to set the area for the crop.

  5. Name: You can insert a custom name for your crop in the Name field. This is helpful if you save the crop as an extra version or a new asset. If you do not enter a Name, the cropped dimensions will name the file.

  6. Constrain: If you want to set the crop grid's shape into a particular aspect ratio, check the box next to Constrain. Then, select one of the available crop template dropdowns (original, landscape, portrait, or square). Once checked, you can only resize the crop grid, and changing the shape of this grid will no longer be possible.

  7. Output DPI: Select the desired DPI value for the cropped image in the Output DPI.

    • DPI (dots per inch) is a ratio that does not affect file size or the number of pixels in an image. 72 or 150 DPI are typical selections for web use, and 300 DPI is the standard for print.

  8. Dimensions: Rather than manually updating the crop grid, you can crop the image by entering your desired height or width into the Dimensions field. The crop grid on the image conforms to the pixel dimensions you entered.

    • By default, the dimensions field is locked to maintain the original aspect ratio. If you click crop_lock_icon.pngto unlock the aspect ratio, you can customize both the height and the width.

  9. Image size: To resize an image, check the box next to Image size. The current dimensions of the image will appear in the height and width boxes to the right. Enter a lower number for either your desired height or width. The other dimension will automatically adjust to maintain the aspect ratio.

    • Tip: You can also crop and resize by entering a smaller image size after setting the crop grid. The preview on the left will change to reflect your cropped area only.

  10. Canvas size: To extend the canvas, check the box next to Canvas size. The current dimensions of the image will appear in the height and width boxes to the right. Enter a larger number for either the height or width. By default, the canvas size field is locked to maintain the original aspect ratio, so the other dimension will automatically adjust to maintain the aspect ratio. If you click crop_lock_icon.png unlock the aspect ratio, you can customize the extended canvas's height and width.

    • Use the Anchor arrow buttons to position your image within the new canvas and the dot in the middle to center it again.

    • By default, the empty canvas will be filled with white space. Still, by checking the Transparent background, you can make the extended background transparent (Note: this does not apply to the original asset, only the extended background around it).

    • If you want a different background color than the default white, you can set the preferred color in the Background color field. Enter a hex code, or click the color field square to choose from a color wheel picker.

  11. Format: Select the file format for the crop in the Format field. The options are JPEG or PNG only.

    • Note: If you have chosen a transparent background for the canvas, you can only select PNG.

  12. Quality: If you select JPEG for the Format, select the desired output image quality from the Quality dropdown:

    • Low = 10

    • Medium = 30

    • High = 60

    • Very High = 80

    • Maximum = 100

    Note

    JPEG files trade quality for compression. A low-quality image results in a smaller JPEG file, while a high-quality image generates a relatively large file. This differs from lossless image formats, such as PNG, where the quality always stays the same.

  13. Save as: Select one of the following:

    • Extra version: To save the crop as a downloadable derivative, which will appear at the bottom of the asset detail view in the section of available files.

    • New asset: To save the crop as a new asset in the portal.

      Note

      Because this option generates an entirely new asset, the original asset metadata is not carried over to the new asset.

    • Download: To download the cropped image to your desktop.

    • Note: You will only see the options that you have permission to.

  14. Click Crop Image to finalize your crop. You must refresh the asset detail page to see the crop version.

Was this article helpful?

1 out of 1 found this helpful

We're sorry to hear that!

Find out more in our community

Have more questions? Find out more in our community