How to Accessing particular rendition of an Image uplaoded in aem dam using graphql

Question

using GraphQL in aem i want to access the ootb rendered images that i can use for various screensizes,Is it possible to access in that way or dynamic media requirement is mendatory for doing this.

Aditya_Chabuku · Accepted Answer

Hi @17526305 ,

You can add Image Rendition as well in the below code to get Appropriate image to display.

Here is detailed documentation.

https://experienceleague.adobe.com/en/docs/experience-manager-learn/getting-started-with-aem-headless/how-to/images#:~:text=AEM's%20GraphQL%20queries%20can%20be,the%20image%20is%20referenced%20from.&text=_dynamicUrl%20is%20the%20URL%20to%20for%20image%20asset's%20web%2Doptimized%20delivery.

Cheers,

Aditya

query($path: String!, $imageFormat: AssetTransformFormat=JPG, $imageSeoName: String, $imageWidth: Int, $imageQuality: Int) {
  adventureByPath(
    _path: $path
    _assetTransform: {
      format: $imageFormat
      width: $imageWidth
      quality: $imageQuality
      preferWebp: true
    }
  ) {
    item {
      _path
      title
      primaryImage {
        ... on ImageRef {
          _dynamicUrl
        }
      }
    }
  }
}

kautuk_sahni · Answer

@17526305 Did you find the suggestion helpful? Please let us know if you require more information. Otherwise, please mark the answer as correct for posterity. If you've discovered a solution yourself, we would appreciate it if you could share it with the community. Thank you!

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded