Expand my Community achievements bar.

SOLVED

How to Access Image Rendition in AEM

Avatar

Level 3

[Thread Edited By Adobe]

/*Don’t forget to meet and greet your fellow peers virtually by telling them about yourself here

Go ahead and to it now: https://adobe.ly/3eDnB4v */

 

Actual Post:

we have different renditions of image created in dam by Dam Workflow in our project. Now when we want to access an image in page how will we know which rendition to access dynamically depending on the device. Is it something which UI decides or is it something AEM decides. And how does it work with dispatcher.

Any help is highly appreciated.

desktop_exl_promo_600x100_weknowyou.png

1 Accepted Solution

Avatar

Correct answer by
Level 10

See this section of the docs: 

https://docs.adobe.com/docs/en/aem/6-2/author/assets/managing-assets-touch-ui.html

To select different renditions - use the URL that corresponds to the image. Each rendition will have a different URL. 

As far a dynamic rendering of different images based on the device, I am checking that and will post back (or make sure someone else does). 

View solution in original post

10 Replies

Avatar

Correct answer by
Level 10

See this section of the docs: 

https://docs.adobe.com/docs/en/aem/6-2/author/assets/managing-assets-touch-ui.html

To select different renditions - use the URL that corresponds to the image. Each rendition will have a different URL. 

As far a dynamic rendering of different images based on the device, I am checking that and will post back (or make sure someone else does). 

Avatar

Employee

Are you accessing the uploaded image by file reference ? Or you are showing it using OOTB Image / Text & Image /Adaptive Image components.

If you are using OOTB components to show the image it will automatically show the best rendition as per the resolution of the screen.

You can use selectors with image path for accessing image rendition based on your requirements.

 

For more information , you can refer following

https://helpx.adobe.com/experience-manager/using/aem-dam-image-components.html

https://docs.adobe.com/docs/en/aem/6-2/develop/mobile-web/responsive.html#Scaling Images for the Current Viewport Size

Avatar

Level 10

For AEM Assets - i recommend that you watch this Ask the AEM Community Experts on Assets as well:

http://scottsdigitalcommunity.blogspot.com/2016/09/ask-aem-community-expert-session-best.html

Avatar

Level 3
        Thanks a lot for your help

Avatar

Level 1

Hi Scott,

I know am responding on a pretty old thread.

But any pointers towards -

​will be really helpful

Avatar

Level 2

Hi,

We can achieve this using adaptive image component. I can share the sample code and configuration, if required.

Avatar

Level 1

Hi Ekta,

Kindly share the sample code along with configurations.