#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
October 18, 2024

Data Governance Framework: A Path to Data Integrity and Compliance

Explore how a data governance framework helps organizations manage data quality, security, and compliance with real-world examples and best practices.

Read More
October 2, 2024

How to Implement Data Governance: the Surefire Practices

Discover how proper data governance not only protects your business from risks but also empowers your team to unlock new opportunities and insights.

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