Crop, resize and extend images – Bynder Support

Bynder offers two tools to resize, crop and extend your images from the asset detail view. The Crop & Extend tool can be used to crop, resize and extend your images, whereas the Crop & Restrict tool can crop, resize and prevent some image areas from being cropped.

Select your role below

I am an administrator

Only one of the two cropping tools can be activated for your portal, so it's best to choose the tool that in general best fits your needs. Below you can find a comparison table, which shows you the differences between the two tools as well as a quick overview on the two tools. Contact your Customer Success Manager when you want to start using one of the crop tools or when you want to have the other cropping tool enabled.

Comparison table

	Crop & Extend	Crop & Restrict
Cropping and resizing
Resize image
Crop image
Configure output size of crop and select crop area
Premade crop templates
Extend canvas
Configure image areas that cannot be cropped
Output settings
Select metric for output size crop
Select output DPI for crop
Select output quality crop
Select output file format
Finalizing your crop
Save crop as new asset
Save crop as extra version
Download crop

Tell me more about the Crop & Restrict tool

Do you want to let your users crop an image and should these crops have a specific output size? Are you looking for a way to prevent users from cropping certain areas of your assets? The Crop & Restrict tool can help you with this.

No longer the dimensions of the output size dictate the area that you can crop. The cropping and resizing tool allows you to set the output size of the cropped image. By setting your desired output size and selecting the area you want to crop, your crop will have the exact dimensions you're looking for without having to compromise on the area you can crop.

Users can define which parts of your image cannot be cropped by setting up a path in your Photoshop (PSD or PSB) file. This allows you to prevent users from cutting off your company logo or other essential elements. When uploaded to Bynder, the system will mark this area as not to be cropped. If users try to crop outside the allowed area, the crop will not be generated.

I am a user

How to resize an image?

Before we can give you the information you need, we first need to know which tool is enabled for your portal. To check this:

Go to the image you want to resize in your portal.
Click Crop or Crop / Extend canvas.
Click on the image below that looks the same as the tool on your side. The instructions will appear below the image you clicked on.

You can only use this tool to reduce the image size. Enlarging the image leads to quality loss and is therefore not possible.

Go to the asset you want to resize.
Click Crop in the Info tab on the right hand side.
(Optional) You can insert a custom name for your crop in the Name field.
In the Unit field select the metric you want to use for the output size.

Note

Using the metrics mm, cm or in will allow you to set the DPI value of the output image.
(Optional) In the Preset DPI field select one of the available DPI values or select Custom and enter a custom DPI value in the Output DPI field.
In the Dimensions field enter the dimensions you want the resized image to have respecting the aspect ratio of the original image. A crop grid will appear on the image.
Drag the corners of the crop grid to encompass the full image, so that your resized image will not be cropped.

Tip

Are you not able to include the whole image using the crop grid? Make sure your entered dimensions respect the aspect ratio of the original image.
In the Save as field, select Extra version if you want to save the resized image as a new version or select Download if you want to download the resized image.
Click Crop & save as version or Crop & download to finish resizing the asset.

Click to enlarge

You can only use this tool to reduce the image size. Enlarging the image leads to quality loss and is therefore not possible.

Go to the asset you want to resize.
Click Crop or Crop / Extend canvas in the Info tab on the right hand side.
(Optional) You can insert a custom name for your resized image in the Name field.
In the Output DPI field select the desired DPI value for the resized image.
In the Dimensions field set the reduced dimensions you want the new image to have. Optionally, click to unlock the aspect ratio, so you can customize both the height as well as the width.
Select the file format for the resized image in the Format field.
In the Save as field, select Extra version if you want to save the resized image as a new version, select New asset if you want to save the resized image as new asset or select Download if you want to download the smaller version.
When you selected JPEG, use the Quality field to choose the desired output image quality:

Low = 10

Medium = 30

High = 60

Very High = 80

Maximum = 100
Click Crop image to finalize your resized image.

Click to enlarge

How to crop an image?

Before we can give you the information you need, we first need to know which tool is enabled for your portal. To check this:

Open to the image you want to crop in your portal.

Note

It is not possible to crop images that are watermarked.
Click Crop or Crop / Extend canvas.
Click on the image below that looks the same as the tool on your side. The instructions will appear below the image you clicked on.

Crop instructions

You can easily crop an image in Bynder to then download it or save it as a new version. It might be that some parts of the image cannot be cropped. These areas will be indicated by a red overlay.

Go to the asset you want to crop.
Click Crop in the Info tab on the right hand side.
(Optional) You can insert a custom name for your crop in the Name field.
In the Unit field select the metric you want to use for the output size.
In the Dimensions field enter the dimensions you want the cropped image to have. A crop grid will appear on the image.
Drag the corners of the crop grid to encompass the area of the image you want to crop.
Note
- Areas indicated by a red overlay cannot be cropped.
- When cropping a small area with a large output size, the original file needs to be of a sufficient resolution otherwise the image cannot be cropped
In the Save as field, select Extra version if you want to save the crop as a new version or select Download if you want to download the cropped image.
Click Crop & save as version or Crop & download to finish cropping the asset.

Click to enlarge

Why do I get to see an error message?

Select the error message you get to see below.

Cannot create crop: The resolution of this asset is not sufficient.

The resolution of the original file is not sufficient enough to generate the desired crop. This happens when you select a small area to crop and set up a large output size for the cropped image. To avoid a blurry output image, the crop will not be generated. You can fix this by expanding the crop area or by lowering the output size in the Dimensions field. Alternatively, you can upload the same original file with a higher resolution.

Crop instructions

Go to the asset you want to crop.
Click Crop or Crop / Extend canvas in the Info tab on the right hand side. A crop grid will appear on the image.
(Optional) You can insert a custom name for your crop in the Name field.
(Optional) Select one of the available crop templates in the Constrain field. Tick the box in front of Constrain if you want to lock the aspect ratio of the template.

Note

When locked, you can only resize the crop grid. Changing the shape of this grid will no longer be possible.
In the Output DPI field select the desired DPI value for the cropped image.
In the Dimensions field enter the dimensions for the crop grid. Optionally, click to unlock the aspect ratio, so you can customize both the height as well as the width. The size of the crop grid will also be the output size of the cropped image. You can also set the dimensions by dragging the corners of the crop grid to encompass the area of the image you want to crop.
(Optional) Tick the Canvas size box if you want to extend the canvas of crop and fill in the dimensions of the new canvas. Use the Anchor arrow buttons to position your image within the new canvas. By default the empty canvas will be filled up with white space, but by ticking Transparent background you can make the extended background transparent. If you want a different background color than white, you can set the preferred color in the Background color field.
Select the file format for the crop in the Format field.
(Optional) When you selected JPEG, use the Quality field to choose the desired output image quality:

Low = 10

Medium = 30

High = 60

Very High = 80

Maximum = 100
In the Save as field, select Extra version if you want to save the crop as a new version, select New asset if you want to save the crop as new asset or select Download if you want to download the cropped image.
Click Crop image to finalize your crop.

Click to enlarge

How to extend the canvas size of an image?

Note

Depending on your portal configuration, this feature may not be available. Contact your portal administrator for more information.

Go to the asset you want to extend the canvas of.
Click Extend canvas in the Info tab on the right hand side.
(Optional) You can insert a custom name for your extended image in the Name field.
In the Output DPI field select the desired DPI value for the extended image.
Tick the Canvas size box and fill in the dimensions of the new canvas. Optionally, click to unlock the aspect ratio, so you can customize both the height as well as the width. Use the Anchor arrow buttons to position your image within the new canvas.
By default the empty canvas will be filled up with white space, but by ticking Transparent background you can make the extended background transparent. If you want a different background color than white, you can set the preferred color in the Background color field.
Select the file format for the extended image in the Format field.
In the Save as field, select Extra version if you want to save the extended image as a new version, select New asset if you want to save the extended image as new asset or select Download if you want to download the smaller version.
Click Crop image to finalize your image.

Hover over for a visual walkthrough

How to prevent some parts of my image from being cropped?

Before uploading to Bynder you can define which parts of your image cannot be cropped by setting up a path in your Photoshop (PSD or PSB) file. This allows you to prevent users from cutting off your company logo or other essential elements. When uploaded to Bynder, the system will mark this area as not to be cropped. If users try to crop outside the allowed area, the crop will not be generated. Follow the instructions below.

Open your PSD or PSB file in Adobe Photoshop.
Create a path for the image areas that cannot be cut off. See creating paths.
Name this path min_crop, save your file and upload it to Bynder.

Note

The allowed crop area can only be set up for PSD and PSB files

Learn more

Create smaller versions of assets (derivatives)