Custom Rendition in Sitecore Content Hub

In a Digital Asset Management (DAM) system, a rendition refers to an alternative version of an original digital asset. This could mean:

• A different file format (e.g., converting a PNG to JPG)
• A different dimension, resolution, or size (e.g., resizing an image for web vs. print)
• A different color space or compression level (e.g., RGB vs. CMYK)

For example, the marketing team needs the same product image for the Website (High Resolution), Mobile App (optimized size), and social media (specific aspect ratio).

Instead of storing multiple copies of assets in different formats, the DAM module in Sitecore Content Hub provides the features to generate the renditions dynamically using media processing. This saves space and ensures consistency.

Sitecore Content Hub by default provides server renditions under the media processing flow, which are Original, Metadata, PDF, Preview, Medium, Thumbnail, and Big Thumbnail. But if you want to create a custom rendition that is not available by default, Sitecore Content Hub provides the functionality to create it. There are several ways to create, either by clicking +Renditions in the Renditions section or by clicking Download Custom or creating custom renditions in media processing.

In this blog post, I am going to explain how you can create custom renditions using media processing.

Step 1: Click on the Manage icon and go to the Media Processing using Media Processing.

Step 2: In the left panel, select Content Set and choose either Images for JPEG custom renditions or Vector for PNG renditions from the Right Panel. Here, I am selecting Image flow.

Step 3: Click on the “+” icon and create a new task, and add Convert Image as a new task.

Step 4: In the Parameter tab, enter all required details and select Save. If Vector flow is selected, the Content Type should be set to image/png and the Target Extension specified as PNG. 

Step 5: In the Output tab, select Store Output and click New Link.

Step 6: In the New Link pop-up, fill in the details and click on save.

Step 7: Now, after saving, go back to the Media processing page and click on publish to publish the flow.

Step 8: Click on the Manage icon and go to the Cache, and clear the Data Source cache. 

Step 9: Now, go to the Asset page and select the asset and refresh renditions. See the documentation on how to refresh the Rendition.

Step 10: Open the Assets and locate the Rendition section. The custom rendition can be found there.

Happy Sitecoreing 😊