Webp images path not shoing in graphql

Hi @harsharya,

I don't think, WebP images are not fully supported out-of-the-box in GraphQL queries due to missing renditions and missing metadata extraction support for that format. The JSON will return empty if:

• AEM doesn't generate metadata for WebP,

• The Asset lacks width/height or dynamic media info,

• The GraphQL model can't resolve any of the required fields.

You can try this:

Enable WebP Processing in AEM

Ensure AEM is set to process WebP assets:

1. Enable WebP in Asset Compute service (Cloud Service only):

   • By default, WebP is not processed the same way as JPEG/PNG.

   • You need to use custom Asset Compute workers or enable support via Adobe support.

2. Verify WebP metadata in Asset UI:

   • Go to your WebP asset in DAM.

   • Check if metadata like width, height, and renditions are generated.

   • If not — that’s why GraphQL returns empty.

Use JPEG/PNG for GraphQL-Based Delivery

As a workaround, consider storing fallback versions in JPEG/PNG if GraphQL delivery is important. You can still serve WebP via Dynamic Media or client-side rendering techniques later.

Use renditions (if applicable)

In some cases, if you need to retrieve a rendition path of the WebP manually, and it’s generated by your own workflow, you could add that logic to your GraphQL model. However, this needs custom modeling, and is not automatic.

How to Check if WebP Is Supported

Run this AEM GraphQL query for a CF containing a WebP asset:

{
  yourContentFragmentModelList {
    items {
      images {
        ... on ImageRef {
          _path
          title
          width
          height
          _dynamicUrl
        }
      }
    }
  }
}

If all fields return null, AEM did not process the WebP file.

Hope that helps!

hi @harsharya,

I think you can leverage the _assetTransform parameter: documentation

You can update the query like so:

In the response, the field _dynamicUrl should include the URL in WebP format.