Handling Large Resolution Images in AEM

Revolutionize Your Business With Generative AI

From product design and software development to virtual agents, content creation, and reporting, GenAI is transforming business. Our AI experts help you unlock GenAI’s full potential and drive growth.

Let’s Get Started

Recently I ran into an issue where one of my images was not appearing correctly on my Adobe Experience Manager (AEM) page. Upon a closer look, it appeared that AEM was downscaling the web image when used in my Image Component.
After hours of research, we discovered this is an issue driven by the default configuration of two components responsible for rendering web-enabled images when the uploaded image has dimensions greater than 1280 pixels. Here are a couple of steps you can take to fix the issue.

1. Max Dimension Step: Day CQ DAM Buffered Image Cache Property
   This property defines what maximum dimension is allowed to be generated. If your application involves dealing with dimensions larger than the default 1280×1280 pixels, then this property needs to be updated appropriately. Below is a sample configuration for handling a 1280 x 4704 pixels image.
2. Workflow Step: DAM Update Asset, Process Thumbnails, Web-Enabled Image
   This step is responsible for processing all thumbnails for the DAM Assets. Once the first step is complete, you need to define the Web-Enabled Image Width & Height.

 
Once these two steps are completed, all the assets created or modified will utilize these configurations to generate web-enabled renditions, and there will not be any downscaling of images.