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