Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

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

Avatar

Level 1

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! 

1 Accepted Solution

Avatar

Correct answer by
Level 8

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.

View solution in original post

2 Replies

Avatar

Correct answer by
Level 8

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.

Avatar

Level 1

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!