Create Image Derivatives (Asset Variations)

  • Updated

A derivative is a variation of the original asset, either an image or video asset. Very often, a derivative is a smaller version of the original asset.  Derivatives can be implemented on external websites and systems. Using smaller versions instead of high-quality files makes your images load faster and will improve the end-user experience. Setting up derivatives can also be a huge time saver since all the variations and image modifications can be automatically made in your Bynder portal during upload. Users will no longer have to download the files first, to then edit and re-upload them. You can set up your permission to allow users to download derivatives and/or the original file and watermark derivatives.

Dynamic Asset Transformations (DAT) give you even more flexibility. Instead of setting up predefined derivatives, you can create asset transformations on the fly. 

Image Derivatives

Note

If you want your derivatives to be automatically generated, contact your Customer Success Manager. 

Default Image Derivative

Bynder creates the following default derivatives

  • mini: 80x80 pixels

  • thul: 250x250 pixels

  • webimage: 800x600 pixels

The resolution of your default derivatives may deviate slightly from the dimensions mentioned above depending on the aspect ratio of your original images.

Custom Image Derivative

Custom resolution for your derivatives can be set up in your portal. When creating a derivative with custom resolution, Bynder uses the longer side to create the derivative. If your image is, for example, 800 by 600 pixels, the 800 pixels side is used for resizing. The 600 pixels side is scaled according to the aspect ratio. The following custom derivatices can be set up in your portal:

  • The system can't create derivatives with larger dimensions than the original file as it would lead to quality loss. Vector files are an exception to this rule, as they can be upscaled.
  • 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 . The derivative is then created from the center point of the image. Alternatively, if you edit an asset and set a focus point, the derivative for this asset is automatically adjusted to be cropped and resized from the focus point.
  • Default dimensions the aspect ratio preserved to use in your webshop, we 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.
  • Derivative generated based on the filename of the original file. With regular expressions (regex) we can configure that a derivative should only be generated when the filename of the original file meets specific criteria.  It can be configured that a derivative isn't created when the original filename meets specific criteria. For example, if you don't want a derivative to be generated when the filename of the original file contains icon.
    • Note: If using the Mass Uploader, the asset's filename must start with the specified regex for the derivative to be created. The normal uploader does not have this requirement.
  • Unique URL can be generated for each derivative.
  • Specific output formats only (JPG, PNG, TIFF, and WebP), can be used to generate the derivative file in the desired file format.
  • 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 colours. 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 which have an embedded color profile.
    • If there's no embedded color profile 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 we can set up 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. See the list of supported fallback CMYK color profiles here.
    • PNG derivatives can also be customized to preserve transparency, and for JPGs we can define the desired quality.

CMYK Fallback Color Profiles


Setting value

Profile description

Coated_FOGRA27

Coated FOGRA27 (ISO 12647-2:2004)

Coated_FOGRA39

Coated FOGRA39 (ISO 12647-2:2004)

ISO_Coated_v2

ISO Coated v2

ISO_Coated_v2_300

ISO Coated v2 300%

ISO_Uncoated_Yellowish

ISO Uncoated Yellowish

Japan_Color_2001_Coated

Japan Color 2001 Coated

Japan_Color_2001_Uncoated

Japan Color 2001 Uncoated

Japan_Color_2002_Newspaper

Japan Color 2002 Newspaper

Japan_Web_Coated

Japan Web Coated (Ad)

PSO_Coated_300_NPscreen_ISO12647

PSO Coated 300% NPscreen ISO12647

PSO_Coated_NPscreen_ISO12647

PSO Coated NPscreen ISO12647

PSO_LWC_Improved

PSO LWC Improved

PSO_LWC_Standard

PSO LWC Standard

PSO_MFC_Paper

PSO MFC Paper

PSO_SNP_Paper

PSO SNP Paper

PSO_Uncoated_ISO12647

PSO Uncoated ISO12647

PSO_Uncoated_NPscreen_ISO12647

PSO Uncoated NPscreen ISO12647

SC_paper

SC paper

Uncoated_FOGRA29

Uncoated FOGRA29 (ISO 12647-2:2004)

US_Sheetfed_Coated_v2

U.S. Sheetfed Coated v2

US_Sheetfed_Uncoated_v2

U.S. Sheetfed Uncoated v2

US_Web_Coated_SWOP_v2

U.S. Web Coated (SWOP) v2

US_Web_Uncoated_v2

U.S. Web Uncoated v2

Web_Coated_FOGRA28

Web Coated FOGRA28 (ISO 12647-2:2004)

 

Limitations

Currently, our image derivative setup is not fully applicable to the following file formats:

  • AI and PDF

    We only support RGB derivatives for AI and PDF files. CMYK derivatives or derivatives which inherit the color profile of the original file cannot be created when the original file is in the AI or PDF file format.

  • DNG

    We cannot create derivatives for DNG file when the original DNG file does not contain a preview file. Derivatives are based on this preview file, so make sure your original DNG files have a preview file inside.

  • TIFF When the original file is a TIFF file the transparency cannot be preserved when:

    • The file includes transparent clipping paths, which often occurs when the TIFF file is saved in Adobe Photoshop.

    • The TIFF file contains more than one alpha channel or a custom alpha channel.

      • associated alpha

      • unassociated alpha

        The ExtraSamples metadata field of the TIFF file contains an unsupported value such as Unspecified. Only one of the following two values is supported:

         

Recommended Image Derivitaive Sizes

Normally, we advise the image derivatives to be the following: JPG, PNG and TIFF

  • Original
  • Large (JPG - 1024*786 - 300 DPI - RGB)
  • Small (JPG - 640*480 - 72 DPI - RGB)

Read more about all the supported output file formats we offer for conversion here.

Note

  • The file size of a derivative will be smaller than the file size of the original image but there are some exceptions to this rule. For example, due to different compression techniques an original JPG file of 300KB can have a PNG derivative of 1MB.

Was this article helpful?

0 out of 0 found this helpful

We're sorry to hear that!

Find out more in our community

Have more questions? Find out more in our community