Display the color of an uploaded image in Content Hub correctly


Description

The color of uploaded images to Content Hub might get corrupted if images have embedded Color profiles. Content Hub does not differentiate between CMYK and RGB images while processing, and the out-of-the-box configuration can only handle one of the two.

For example, after uploading an image and navigating to the Vectors, it appears that Preview and Thumbnail use Color profile None and Color space sRGB by default.

The following solution describes how to introduce custom flows driven through a metadata processing script and linked to the appropriate processing flow after Content Hub has identified the Color space.

Solution

All items must be implemented within the context of a media or metadata processing script based on the requirements of the customer.

To display images with the right color:

  1. Identify and remove the file types that might have an embedded Color profile or Color space from the out-of-the-box flows, and recreate new flows dedicated to these file types as shown in the next step.
  2. Create custom media matrices to generate the appropriate renditions, including thumbnails and previews for the different Color spaces, for example, CMYK or RGB:
    • Duplicate the Content set to create a custom media matrix CMYK. This media matrix has the file types that were excluded from the Content set. Therefore, the duplicated CMYK media matrix can process the CMYK embedded Color space.
      For example: The following CMYK media matrix has JPEG, JPG, TIF, TIFF, and PDF files. These are some of the file types that might include an embedded Color space.
      CMYK MediaMatrix 1.png

      These file types are removed from the out-of-the-box Content set:
      Content MediaMatrix 2.png
      Note: Do not alter the Default flow on the Content set for this to work.
    • Similarly, duplicate the Content set again to create another custom media matrix OtherColorProfile to process RGB or sRGB.
      The following example shows how to process the same file types with a different Color space other than CMYK.
      OtherColorProfile 3.png
      The CMYK and OtherColorProfile have the same rendition tasks as the Content set: preview, thumbnail, thumbnail_cropped, and bigthumbnail with the same settings. The only difference is the Color profile setting that can be set to the appropriate or preferred parameters.
    Note: Make sure that the rendition tasks have the same name as their source (Content set), as shown in the following image. This is used to render the UI renditions, for example, thumbnails and previews.
    Rendition Names CMYK 4.png
  3. To handle the route of assets to media matrices, create a metadata processing script using the Media processing script example and the following flowchart.

    Important: Metadata processing scripts will automatically be executed whenever a new asset is uploaded or a refresh rendition is performed on an asset.

    Script final.png

  4. Search the CMYK rendition links by navigating to Manage > Entities > M.RenditionLink, and increase the priority level of the new rendition links from the original by one.
    RenditionLink Content (OOTB)
    priority value
    CMYK & OtherColorProfile
    output priority value
    Thumbnail 1 2
    Thumbnail_cropped 2 3
    big thumbnail 1 2
    preview 1 2
    download_preview 1 2

    RenditionLink Output Priority 6.png
    Note: This ensures that if a custom media matrix has any renditions for the UI, it is used first.