#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
September 6, 2024

Optimizing Adobe Experience Manager Performance: Expert Techniques for Peak Results

Discover actionable techniques to boost Adobe Experience Manager performance and ensure a seamless experience for your users.

Read More
AEM Migration from Your Current CMS
July 9, 2024

Conquering AEM Migration: Shift Seamlessly From Your CMS to Adobe Experience Manager

Discover the core CMS issues that lead enterprises to upgrade to AEM and build your foundation around the migration process as a whole.

Read More
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