Handling Large Resolution Images in AEM

The Digital Essentials, Part 3
The Digital Essentials, Part 3

Developing a robust digital strategy is both a challenge and an opportunity. Part 3 of the Digital Essentials series explores five of the essential technology-driven experiences customers expect, which you may be missing or not fully utilizing.

Get the Guide

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.

About the Author

More from this Author

Thoughts on “Handling Large Resolution Images in AEM”

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Subscribe to the Weekly Blog Digest:

Sign Up