AEM Dynamic Media: PNG 투명도가 흰색 배경으로 표시됩니다

이 문서에서는 Adobe Experience Manager Dynamic Media에서 투명 배경의 PNG 이미지가 투명도가 아닌 흰색 배경과 함께 표시되는 문제를 해결하는 방법에 대해 설명합니다.

설명 description

환경

Adobe Experience Manager(AEM) Dynamic Media(모든 버전)

증상

  • 투명 배경의 PNG 이미지는 DAM에 업로드되고 에셋 미리보기에 투명하게 표시됩니다.
  • 이러한 이미지를 웹 페이지에서 사용하거나 직접 게재 URL을 통해 액세스하면 투명도가 흰색 배경으로 바뀝니다.
  • 게재 URL에서 fmt=png-alpha 매개 변수를 사용해도 일부 경우에는 문제가 해결되지 않습니다.
  • 오류 메시지가 표시되지 않습니다. 이미지 렌더링에 문제가 있습니다.

원인

기본적으로 Dynamic Media는 fmt=png-alpha을(를) 사용하여 투명도를 명시적으로 요청하지 않는 한 불투명 배경이 있는 이미지를 반환합니다. 이 매개 변수가 없거나 제대로 구성되지 않으면 배경이 흰색으로 표시됩니다.

해결 방법 resolution

아래 단계에 따라 문제를 해결하십시오.

  1. 알파 투명도를 사용하여 PNG를 명시적으로 요청하려면 이미지 게재 URL에 fmt=png-alpha 매개 변수가 포함되어 있는지 확인하십시오.
  2. 이미지 사전 설정을 사용하는 경우 사전 설정이 알파 투명도로 PNG를 출력하도록 구성되어 있는지 확인합니다. 필요한 경우 fmt=png-alpha을(를) 포함하도록 사전 설정을 업데이트합니다.
  3. URL 또는 사전 설정을 업데이트한 후 브라우저 캐시와 CDN 캐시를 지우면 최신 이미지가 제공됩니다.
  4. 기본 HTML 페이지에 이미지를 포함시켜 투명도가 AEM UI 외부에서 올바로 렌더링되었는지 확인합니다. 투명도가 여기에 올바르게 표시되면 페이지의 CSS 또는 백그라운드 설정에 문제가 있을 수 있습니다.
  5. ImageServer 설정을 검토합니다. 기본적으로 투명도가 명시적으로 요청되지 않으면 ImageServer는 불투명한 배경색으로 이미지를 반환합니다(기본값은 흰색). 필요한 에셋에 대해 항상 투명도가 요청되도록 요청 또는 사전 설정을 업데이트합니다.

이 단계를 완료한 후 웹 페이지에 PNG 투명도가 올바로 표시되는지 확인하십시오.

recommendation-more-help
experience-cloud-kcs-help-kbarticles