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