#Adobe Experience Manager

How to Add Renditions to Images in AEM?

Contents

Adding renditions to images in Adobe Experience Manager (AEM) is accomplished by using the AEM Assets functionality. Let’s walk through the process step by step.

Note: This guide only provides you an overview of adding renditions in AEM as Cloud versions.

Step-by-Step Guide

  1. Access AEM Assets
    Start by logging into your AEM instance and navigate to the AEM Assets.
  2. Select or Create a Processing Profile
    Go to Tools > Assets > Processing Profiles from the AEM Assets main interface. Then, choose an existing profile to edit or create a new one by clicking the Create button.
  3. Add Rendition Settings
    Open the Renditions tab in the Processing Profile. Here, you can add new rendition configurations by clicking the Add button.
  4. Configure the Rendition
    For the new rendition, specify the width, height, quality, MIME type, and other settings as required. The Name field will be used as the name of the generated rendition.
  5. Save the Processing Profile
    Once you have configured your rendition, click Save to store your changes.
  6. Apply the Processing Profile
    Now, apply your processing profile to the desired folder. Go to Assets > Files, select the folder to which you want to apply the processing profile, and choose Properties > Processing Profiles.
  7. Upload an Image
    Finally, upload an image to the folder where you applied the processing profile. The custom renditions will be generated automatically.

Additional Explanation

What are Renditions?

In AEM, renditions are different versions of a digital asset, such as an image, that have been generated for a specific use. They can vary in size, format, and quality to optimize the delivery of the asset.

Why Use Custom Renditions?

Custom renditions allow you to automatically create asset versions that meet your unique needs. For instance, you may need a smaller version of an image for a mobile website or a low-quality version for faster loading times.

Considerations When Adding Renditions

When adding renditions, it’s important to make sure the settings are suitable for your specific use case. For example, a high-resolution rendition might not be appropriate for mobile use due to the potential for increased load times and data usage.

To conclude, adding renditions to images in AEM is a process that involves accessing AEM Assets, selecting or creating a processing profile, adding rendition settings, configuring the rendition, saving the processing profile, applying the profile to a folder, and uploading an image. Using custom renditions can optimize your asset delivery and cater to your specific needs.

Back to Glossary

Axamit Blog

Get Inside Scoop on Adobe Experience Manager Updates, Trends, Best Practices
Future-Proof Your Content Authoring with a Component Content Management System
June 7, 2024

Future-Proof Your Content Authoring with a Component Content Management System

You could be leaving untapped ROI on the table with a standard CMS. But a CCMS can fix that, and we’ll explain how.

Read More
Adobe Experience Manager SEO Recipe for Global Footprint and Local Relevance
April 19, 2024

Adobe Experience Manager SEO Recipe for Global Footprint and Local Relevance

Explore how Adobe Experience Manager provides businesses with robust tools to implement SEO practices and benefit from high rankings, and stable organic traffic.

Read More
AEM Adobe Commerce Integration
April 5, 2024

Strategic AEM and Adobe Commerce Integration: Ecommerce Fueled by Content

Discover what makes the integration between AEM and Adobe Commerce a powerful key to unlocking ecommerce brand growth at scale.

Read More