AEM As Cloud | WebP Image Optimization | Asset Delivery API | How to pass the size options ?
After updating resource type and dam path, API is giving webp image which is an optimized one. On page we can load of specific height and width image size as shown above and as part of documentation.
I also tried and found no concrete info on internet available. We have official Docs saying size will be type "Positive integers" but not mention any example in which format we should provide. and Then I went into documentation explorer section of Graphql query editor and found that size will accept value of type "AssetTransformerSize" and we don't have again any idea what is this type. fewwww
@somen-sarkar I tried the same and it gave syntax error and I tried with colon and multiple different ways but no luck
@kautuk_sahni@arunpatidarany help
Hi @iamnjain
here are some info I found about AssetTransformerSize
In Adobe Dynamic Media, AssetTransformerSize is a parameter used to specify the size of an image or asset transformation. It is typically used in conjunction with the Asset Compute service, which enables you to dynamically transform images and assets in the cloud.
Here's a brief overview of how AssetTransformerSize is used:
-
Asset Compute Service:
- The Asset Compute service is a serverless image processing service provided by Adobe Experience Manager (AEM) as part of Adobe Dynamic Media.
- It allows you to define custom image transformations using Adobe I/O Runtime actions.
-
AssetTransformerSize Parameter:
- When defining an Asset Compute action, you can use the
AssetTransformerSizeparameter to specify the desired size of the output image. - The size can be specified using various units, such as pixels (e.g., "300x200") or percentages (e.g., "50%").
- When defining an Asset Compute action, you can use the
-
Example Usage:
- If you want to resize an image to a specific width and height, you might use the
AssetTransformerSizeparameter like this:"size": "300x200" - This example would resize the image to have a width of 300 pixels and a height of 200 pixels.
- If you want to resize an image to a specific width and height, you might use the
-
Implementation in Asset Compute Action Configuration:
- When defining your Asset Compute action in AEM, you would typically include the
AssetTransformerSizeparameter within the action's configuration.
- When defining your Asset Compute action in AEM, you would typically include the
Here is a simplified example configuration for an Asset Compute action:
{
"rendition": {
"cq5dam.thumbnail.140.100.png": {
"format": "png",
"size": "140x100",
"autoHeight": true
}
}
}In this example, the AssetTransformerSize parameter is used to specify a size of "140x100" pixels for a thumbnail rendition.
Keep in mind that the specific implementation details and usage might vary based on your AEM version, Dynamic Media configuration, and the requirements of your application. Always refer to the official Adobe documentation and your AEM version's documentation for the most accurate and up-to-date information.
Arun Patidar
Hi @VeenaVikraman
Here is the documentation about size option
https://experienceleague.adobe.com/docs/dynamic-media-developer-resources/image-serving-api/image-se...
width : https://experienceleague.adobe.com/docs/dynamic-media-developer-resources/image-serving-api/image-se...
Arun Patidar
@arunpatidar Thanks a lot for the above documentation. I tried the above. But I think , atleast in AssetDelivery API, it is not working. I tried the few options.
1. I applied only size in the below format. This didn't reflect at all in the URL.
options.put("size", "800,800");
2. I gave width and size. As per the documentation, if the width and size are given , then size will only be applied and width will be ignored. But in this case, width got applied and size didn't have any effect at all.
options.put("width", "90");
options.put("size", "800,800");
Hi @VeenaVikraman
Sizing is an integer for a layer
https://experienceleague.adobe.com/docs/dynamic-media-developer-resources/image-serving-api/image-se...
width and height should work but not working then you can open a case with Adobe.
Arun Patidar
@VeenaVikraman Did you find the suggestions from users helpful? Please let us know if more information is required. Otherwise, please mark the answer as correct for posterity. If you have found out solution yourself, please share it with the community.
Kautuk Sahni
Related Conversations
