Dynamic media: Handling images in different sizes (crops) for different components

Question

We are trying to find a solution for our site, that uses a lot of images in more than one context. The same image is used as a large hero version and then also in a teaser or in an article. There are 3 different image ratios needed for different components. With DM we can use smart crops, but it appears they are only useful for rending the image in the same component for different viewports. Also, I was told you can only add 1 profile to 1 folder in the assets. I looked at Image Presets, which was advertised as the solution to using the same image in different sizes and contexts, but it seems, that automatic cropping is not possible there. It just adds white bars to the images. Do we really have to upload all the images in 3 different folders for them to be used in different sizes? I'm new to AEM and DM, so I would appreciate any suggestions how to handle this. Thanks!

Mani_kumar_ · Accepted Answer

Dynamic media is used to generate the different sizes of images on the fly and can generate any size using height and width properties.

Apart from that you can define the presets and configure the presets for individual components if required.

https://experienceleague.adobe.com/docs/experience-manager-64/assets/dynamic/linking-urls-to-yourwebapplication.html?lang=en

Above article explains about the linking the URL's for dynamic media.

https://experienceleague.adobe.com/docs/experience-manager-64/assets/dynamic/managing-viewer-presets.html?lang=en

This explains about the presets and how do we configure them

Hope this is helpful.

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded