Understanding Color Management with AEM Dynamic Media

In this video we explore Dynamic Media Color Management, and how it can be used to provide color correction preview capabilities in for AEM Assets.

 Transcript

In this video, we are going to be discussing about Dynamic Media Color Management introduced in AEM 6.3.

This feature is also available for AEM 6.1 and 6.2 users as a feature pack.

Once you’ve installed the feature pack you need to configure the appropriate default color profiles to any available color correction when requesting RGB or CMYK data. To configure the different color profiles Go to CRXDE Lite, click on ETC, click on dam, image server, configuration, jcr.content, and settings.

Along with the feature pack solution, a list of color profiles can also be found under profiles. We can also add a color correction property by clicking on the settings option and scrolling down to the bottom of the properties tab and providing the property .name, type, and value. A list of color correction property and its values can be obtained from the Configure Dynamic Media documentation page. Select a color correction value that you would like to assign to your media server settings. Let’s select the ICC profile src grey. Let’s go back to CRXDE Lite and copy paste the value here under name, provide the type as string and provide the value of a color profile. Let’s go to the profile section from the list of color profiles and let’s select the apple RGB value and paste it here in the value text field. Once you’ve added the name, type and value for your color collection property, click on add option and click on save all. Let’s go back to the previous tab. Click on the Adobe Experience Manager logo and from the navigation select assets. Open the folder where you have the desired assets stored, click on the image and open it to check the asset details. By default the color profile for this image is in RGB. We have three image presets created for different relations with three different color profiles, RGB, CMYK and grayscale are the three color profiles available for rendition.

Click on the CMYK color profile and you can notice the change in image rendition.

Now the image has more of a green or yellow shade compared to its original image.

Let’s switch to a different image preset and see the difference in the image rendition.

The original image was an RGB color profile and now we have created different renditions for the original image with different color profiles in order to match the target device’s color profile. For an image created with a different rendition you can view the properties of an image by simply right clicking on the image and open the image in a new tab.

The URL and the following parameter requisite is equal to properties and you should be able to see the properties of this image.

NOTE

Enable Dynamic Media in AEM to use this feature.

This feature is available for AEM 6.1 and 6.2 versions as a Feature Pack.

XML template for the Color Management configuration node

The following is the XML template for the Color Management configuration node. This XML template can be copied into the AEM development project and configured with the project-appropriate configurations.

<?xml version="1.0" encoding="UTF-8"?>

<!--
    XML Node definition for: /etc/dam/imageserver/configuration/jcr:content/settings

 Adobe Docs

 * Image Server Configuration: https://docs.adobe.com/docs/en/aem/6-2/administer/content/dynamic-media/config-dynamic.html#Configuring%20Dynamic%20Media%20Image%20Settings

* Default Color Profile Configuration: https://docs.adobe.com/docs/en/aem/6-1/administer/content/dynamic-media/config-dynamic.html#Configuring%20the%20default%20color%20profiles

    iccprofileXXX values:
        Node name of color profile found at: /etc/dam/imageserver/profiles

    iccblackpointcompensation values:
        true | false

    iccdither values:
        true | false

    iccrenderintent values:
        0 for perceptual
        1 for relative colorimetric
        2 for saturation
        3 for absolute colorimetric

-->

<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0"
    xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0"
    jcr:primaryType="nt:unstructured"

        bkgcolor="FFFFFF"
        defaultpix="300,300"
        defaultthumbpix="100,100"
        expiration="{Long}36000000"
        jpegquality="80"
        maxpix="2000,2000"
        resmode="SHARP2"
        resolution="72"
        thumbnailtime="[1%,11%,21%,31%,41%,51%,61%,71%,81%,91%]"
        iccprofilergb=""
        iccprofilecmyk=""
        iccprofilegray=""
        iccprofilesrcrgb=""
        iccprofilesrccmyk=""
        iccprofilesrcgray=""
        iccblackpointcompensation="{Boolean}true"
        iccdither="{Boolean}false"
        iccrenderintent="{Long}0"
/>

List of default Adobe color profiles are listed below

Name Colorspace Description
AdobeRGB RGB Adobe RGB (1998)
AppleRGB RGB Apple RGB
CIERGB RGB CIE RGB
CoatedFogra27 CMYK Coated FOGRA27 (ISO 12647-2:2004)
CoatedFogra39 CMYK Coated FOGRA39 (ISO 12647-2:2004)
CoatedGraCol CMYK Coated GRACoL 2006 (ISO 12647-2:2004)
ColorMatchRGB RGB ColorMatch RGB
EuropeISOCoated CMYK Europe ISO Coated FOGRA27
EuroscaleCoated CMYK Euroscale Coated v2
EuroscaleUncoated CMYK Euroscale Uncoated v2
JapanColorCoated CMYK Japan Color 2001 Coated
JapanColorNewspaper CMYK Japan Color 2002 Newspaper
JapanColorUncoated CMYK Japan Color 2001 Uncoated
JapanColorWebCoated CMYK Japan Color 2003 Web Coated
JapanWebCoated CMYK Japan Web Coated (Ad)
NewsprintSNAP2007 CMYK US Newsprint (SNAP 2007)
NTSC RGB NTSC (1953)
PAL RGB PAL/SECAM
ProPhoto RGB ProPhoto RGB
PS4Default CMYK Photoshop 4 Default CMYK
PS5Default CMYK Photoshop 5 Default CMYK
SheetfedCoated CMYK U.S. Sheetfed Coated v2
SheetfedUncoated CMYK U.S. Sheetfed Uncoated v2
SMPTE RGB SMPTE-C
sRGB RGB sRGB IEC61966-2.1
UncoatedFogra29 CMYK Uncoated FOGRA29 (ISO 12647-2:2004)
WebCoated CMYK U.S. Web Coated (SWOP) v2
WebCoatedFogra28 CMYK Web Coated FOGRA28 (ISO 12647-2:2004)
WebCoatedGrade3 CMYK Web Coated SWOP 2006 Grade 3 Paper
WebCoatedGrade5 CMYK Web Coated SWOP 2006 Grade 5 Paper
WebUncoated CMYK U.S. Web Uncoated v2
WideGamutRGB RGB Wide Gamut RGB

Additional Resources

On this page