Adobe

Handling Large Resolution Images in AEM

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.

Thoughts on “Handling Large Resolution Images in AEM”

Leave a Reply

Your email address will not be published.

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

Anurag Sharma

Anurag is an Adobe Multi-Solution Architect (MSA), and he is responsible for architecture design, configuration, testing, and deployment of Adobe solutions. This includes Audience Manager, Campaign, Analytics, Target, AEP, and Experience Manager.

More from this Author

Subscribe to the Weekly Blog Digest:

Sign Up
Follow Us
TwitterLinkedinFacebookYoutubeInstagram