1. Extending media processing flows

Media processing use cases

This section illustrates media processing best practices with concrete use cases.

Use case 1

As a Sitecore Content Hub external agency user, I want a downloadable, high-resolution rendition to use in my local design applications, so I can deliver it to my client as a banner for their next marketing campaign.

Proposed solution:

  • In the Image flow, create a high-resolution JPEG, 16
    , 3400x2200 rendition, and save the link as new.
  • In the Vector flow, create a high-resolution PNG, no background, 16
    , 3400x2200 rendition.

Use case 2

As a Content Hub Digital Asset Management (DAM) user, I want a downloadable, low-resolution rendition for stock images or brand photography, stored in DAM for use in my PowerPoint presentations.

Proposed solution:

The desired resolution is lower than the Preview rendition resolution, so you can create a low-resolution rendition from the Preview rendition.

Use case 3

As a wCMS user, I want different crops available for our website components to embed as a public link in our corporate website and marketing campaign landing pages.

Proposed solution:

The following table lists transformation examples that you can use.

Component nameDimensionSuffixNotes
Hero Banner -Medium1008x952HeroMedium_DtRetina ready
Half Width Banner564x475HalfWidth
Auto Play Video530x370AutoVideo
Teaser Component542x326Teaser
CTA with Background Image570x344CtaBackground
CTA Overlapped Image -Left707x392CtaOverlappedLeftThis crop needs to apply transparency.
CTA Overlapped Image -Right597x400CtaOverlappedRightThis crop needs to apply transparency.
Insights Article -Hero960x540InsightsArticleHero
Insights Article -Feature716x465InsightsArticleFeature
Note

Extending the logic in wCMS automatically adds the transformation query string inside the public link when embedded in specific components or page templates.

Use case 4

As a social media manager, I want a few standard crops available for social media campaigns on Facebook, Twitter, LinkedIn, and Instagram.

Proposed solution:

Create the following renditions.

PlatformDimensionSuffix
Facebook, Twitter, LinkedIn1200x628Social_1200x628
Instagram1080x1080IN_1080x1080
Note

If there is no integration to a social media management platform, make the renditions downloadable for offline processes.

If you have suggestions for improving this article, let us know!