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

[nika-ch]

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 solution]

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-yourweb...

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...

This explains about the presets and how do we configure them

Hope this is helpful.

[nika-ch]

Thanks for your answer, Manikuman. Can you please be more specific regarding the capabilities of DM for our specific use case and point me to the documentation, that explains how to do this? That would be very helpful. The reason why we got DM was a statement like yours. When I tried to find the specific way how to achieve this I'm getting stuck. Thanks!

[shivakumarc660]

If you want we can connect and discuss more on this.

Send an invite to mani.korthivada@gmail.com

[nika-ch]

I think we found a solution yesterday. Actually, this is a workaround for a current bug in DM, where auto smart crop is not working. We are now hardcoding each rendition URL in the backend component. That allows us to create smart crops also for other components in the same image profile. This fixes the need to have the same image in different folders.