Understanding Image Derivatives

Users can customize the resolution of the derivatives in the portal. When creating a derivative with custom resolution, Bynder uses the longer side to create the derivative. For example, an 800 by 600 pixels derivative will use the 800 pixel side is for resizing. The 600 pixel side is scaled according to the aspect ratio.

Note: Derivatives (custom or default) are not instantly available after upload. Derivatives become available after processing.

These custom derivatives can be set up in your portal:

• Prefix (Derivative Name): Edit the name for clarity, but avoid using the following: 
  • Special characters such as - or / should be avoided, except for underscores and spaces (spaces will be converted to underscores if used in a URL).
  • Generic names like original, web, webimage, thul, or thumbnail should be avoided because these names are already used for the automatic default derivatives created for every asset in the background.
  • Duplicated prefix names should be avoided. For example, if there are two "Low_res" derivatives that differ only by the output file extension, each should have a unique Prefix name.
• A custom DPI value for your derivatives can be configured. For instance, we can automatically generate a 300 DPI derivative of your original 600 DPI image file.

• An automatic crop generates the derivative based on the focal point of the image. The crop adjusts dynamically, ensuring that one of the longer sides of the desired aspect ratio reaches the image border while still outputting the required size.

• Default dimensions and aspect ratio are preserved for use in your webshop. Bynder can resize the image according to the longer side and aspect ratio, and the remaining canvas size will be filled with a blank space to meet your fixed dimensions.
• Derivatives generated based on the filename of the original file. Using regular expressions (regex) we can configure derivatives to only be generated when the filename of the original file meets specific criteria.  For example, if you don't want a derivative to be generated when the filename of the original file contains an icon.
• Public? Makes derivatives publicly available for the Bynder API. These derivatives will not be visible to users unless the View and download public media derivatives permission is selected.

Note: If using the Mass Uploader, the asset's filename must start with the specified regex for the derivative to be created. The standard uploader does not have this requirement.

• Unique URLs can be generated for each derivative.
• Accepted output formats (JPG, PNG, and TIFF) are used to generate the derivative file.
• Recommended sizes: We recommend your asset have the original size, large(JPG - 1024*786 - 300 DPI - RGB), and small (JPG - 640*480 - 72 DPI - RGB).
• Color spaces (RGB/CMYK/inherit): 
  • The inherit option ensures that the embedded color profile in the uploaded file is used to generate the derivative. This way, the derivative will be generated with the right colors. Inheriting the color profile is the best way to make sure that the color profile of the derivative will be identical to the color profile of the original file. If you want to make use of this option, make sure that you upload files that have an embedded color profile.
  • If no embedded color profile is available in the uploaded file, the system will fall back to a default color profile. For the RGB color space, this will be the sRGB color profile. For the CMYK color space, users can set a custom fallback color profile for you. If no custom fallback profile has been set up, the system will default to the ISO Coated v2 300% (ECI) profile. 
  • PNG derivatives can be customized to preserve transparency, and JPGs can define the desired quality.

Note: Aside from Vector files, Bynder can not create derivatives with larger dimensions than the original file as it would lead to quality loss. Vector file types are AI, SVG, PDF, and EPS.

Allowed Types

By default, derivatives will be created for nearly all image assets. If you want to create derivatives for selected asset types only, enter the types in the field. We recommend using the following types: PSD, BPM, EPS, JPG, TIF, TIFF, AI, PNG.
Note: When adding JPG as an allowed type, no derivative will be created if the original file has the JPEG file extension. Make sure to add JPEG as an allowed type in order to create derivatives for files with the JPEG extension as well. Vice versa, the same logic applies. TIF and TIFF is another example.