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
请按照以下步骤解决问题:
- 验证图像交付URL是否包含
fmt=png-alpha参数,以明确请求具有Alpha透明度的PNG。 - 如果使用图像预设,请确认将该预设配置为输出具有Alpha透明度的PNG。 如有必要,请更新预设以包含
fmt=png-alpha。 - 更新URL或预设后,清除浏览器缓存和任何CDN缓存以确保提供最新图像。
- 将图像嵌入到基本的HTML页面中,以确认透明度在AEM UI外部正确呈现。 如果此处正确显示透明度,则问题可能出在页面的CSS或背景设置上。
- 查看ImageServer设置。 默认情况下,如果未明确要求透明,ImageServer将返回具有不透明背景色(默认值为白色)的图像。 更新请求或预设以确保始终为需要它的资产请求透明度。
完成这些步骤后,请验证PNG透明度是否正确显示在网页上。
recommendation-more-help
experience-cloud-kcs-help-kbarticles