dynamic media in aem 6.2 changing the transparent png image background to white | Community
Skip to main content
sachinn20956098
sachinn20956098
Level 2
February 24, 2018
Solved

dynamic media in aem 6.2 changing the transparent png image background to white

  • February 24, 2018
  • 2 replies
  • 5433 views

I am using the dynamic media to render images in AEM 6.2. However when I try to render a transparent image using Dynamic Media , the resulting image is turned to a normal image with white background.

For Example , content path in DAM : /content/dam/silversea-com/19.png

Rendering using dynamic media with this path : /is/image/content/dam/silversea-com/19.png??wid=90&hei=90

(even /is/image/content/dam/silversea-com/19.png for that matter )

Any idea why this is occurring ?

Thanks

Sachin

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by AnshuGu

Try rendering the image using png-alpha format , like adding &fmt=png-alpha to the url.

2 replies

kautuk_sahni
Community Manager
kautuk_sahniCommunity Manager
Community Manager
February 27, 2018

Moving this to AEM Assets topic!!

Kautuk Sahni
A
Adobe Employee
AnshuGuAdobe EmployeeAccepted solution
Adobe Employee
May 29, 2018

Try rendering the image using png-alpha format , like adding &fmt=png-alpha to the url.

    T
    tim_white1
    June 13, 2023

    Except adding a format string isn't possible when using something like Core Image.


    How do we get Dynamic Media and Core components to respect transparency on images? If the source images has an alpha channel it stands to reason that the resulting variations would retain that. 

      V
      Adobe Employee
      vikasbhartiAdobe Employee
      Adobe Employee
      June 13, 2023

      When utilizing the Image Component V2 with the Dynamic Media (DM) feature enabled, it becomes possible to incorporate an image modifier. By adding parameters such as "&fmt=png-alpha" or "&fmt=webp-alpha," you can enable the alpha channel and transparency. I recommend referring to the information provided in the help article at the following link:

      https://experienceleague.adobe.com/docs/experience-manager-core-components/using/wcm-components/v2-components/image.html?lang=en#metadata-tab

        Terms & ConditionsAccessibility statement

        Loading footer...