使用Dynamic Media在AEMaaCS中設定智慧型影像和DPR行為
在Adobe Experience Manager as a Cloud Service (AEMaaCS)中使用Dynamic Media時,智慧型影像功能(例如瀏覽器格式轉換(BFC)、網路頻寬最佳化以及裝置畫素比(DPR)最佳化)可能會讓設定和瞭解變得混亂。 本文說明這些功能如何運作、如何影響影像傳送,以及在使用核心元件時如何考量正確設定。
說明 description
環境
- 產品: Adobe Experience Manager as a Cloud Service - Assets (動態媒體)
- 限制:透過Dynamic Media整合使用影像V3核心元件
問題/症狀
- 在Dynamic Media帳戶層級啟用智慧型影像不會自動將DPR最佳化套用至影像V3核心元件轉譯的影像。
- 當元件原則中未設定多個寬度或未啟用
smartCrop時,引數dpr=off會附加至Scene7影像URL。 - 若未正確設定,影像在高DPI/Retina顯示器上會顯示為較差品質或較不銳利。
- 設定
dpr=on或透過影像修飾元傳遞DPR值,不會因為元件邏輯而覆寫此行為。
解決方法 resolution
若要修正此問題,請遵循下列步驟:
-
在Dynamic Media公司或帳戶層級為您的環境(預備或生產)啟用智慧型影像。
-
開啟使用已啟用動態媒體之影像V3核心元件的範本或頁面。
-
編輯範本或頁面上使用之影像V3核心元件的原則。
-
在元件原則中設定回應式影像的多個寬度。
-
儲存並套用更新的原則。
-
重新發佈受影響的頁面,讓變更生效。
-
在標準DPI和高DPI (Retina)裝置上測試影像演算:
- 在標準DPI熒幕上,
dpr=off會依設計出現在影像URL中,以避免大型影像。 - 在高DPI熒幕上,設定多個寬度時,會提供更高解析度的影像。
- 在標準DPI熒幕上,
-
如果您需要更好的影像品質,而不需要手動修飾元,請使用專屬的Dynamic Media元件,而非影像V3。
-
確認高DPI顯示器上的影像清晰,並在標準顯示器上有效載入。
附註
- 依預設,加入
dpr=off可避免在非Retina熒幕上顯示不必要的大型影像。 這不是產品瑕疵,而是最佳化保障。 - 使用URL修飾元或預設集強制DPR不會在影像V3中覆寫此保護機制。 請改用原則中的多個寬度。
- 啟用帳戶層級的DPR最佳化後,不需要變更應用程式端的URL。 如有需要,使用者端邏輯仍可用於進階案例。
- 智慧型影像處理在帳戶層級作用中時,預設會啟用智慧型影像處理格式轉換(例如WebP或AVIF)。 只有在它縮小檔案大小而不影響品質時才適用。
experience-cloud-kcs-help-kbarticles