Bynder defines so-called "images derivatives": i.e. various versions of the same image: small, big, greyed, etc. Contact Bynder Support to set up the image derivatives as you need them for your site.
The version of the image (or derivative) that is displayed on a page of your website depends on its context: an image in a teaser will use a different derivative than the same image as a hero.
Here we explain how to set up an image derivative depending on the context.
- Being familiar with the concept of 'Content display'. See here for the official Drupal documentation.
Edit the desired Entity. In this example, the Content type "Bynder example" displays the Bynder media type.
Select which Display to modify.
Select the option "Bynder (Image)" in the Media assets dropdown menu.
Click on the gear icon to access the parameters.
Select the desired derivative. See your settings in Bynder to choose the best option for your context.
Click on "Update" to save the new parameters.
Save the display settings.