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.
Tell me more about the Crop & Resize tool
This tool lets your users crop or resize an image. Also they can use this tool to extend the canvas size of the image.
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.
Who can resize media?
Users with the following rights can resize media:
Crop asset
Download orginal assets
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.
(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
Who can resize media?
Users with the following rights can resize media:
Crop asset
Download orginal assets
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
Who can crop media?
Users with the following rights can crop media:
Crop asset
Download orginal assets
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.
Please crop only over the allowed area. Check the top/bottom margin?
You are trying to crop a part of the image that cannot be cut off. Areas indicated by a red overlay cannot be cropped. Adjust the corners of the crop grid so that all the red areas are included in your crop and try cropping the image again.
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
Who can crop media?
Users with the following rights can crop media:
Crop asset
Download orginal assets
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.
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?
Who can extend the canvas?
Users with the following rights can extend the canvas size:
Crop media
Download original file
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?
Who can define the allowed crop area?
Users who want to do this need one of the following rights:
Upload and publish media
Upload media for approval
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.
Comments
0 comments
Article is closed for comments.