使用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

若要修正此問題,請遵循下列步驟:

  1. 在Dynamic Media公司或帳戶層級為您的環境(預備或生產)啟用智慧型影像。

  2. 開啟使用已啟用動態媒體之影像V3核心元件的範本或頁面。

  3. 編輯範本或頁面上使用之影像V3核心元件的原則。

  4. 在元件原則中設定回應式影像的多個寬度。

  5. 儲存並套用更新的原則。

  6. 重新發佈受影響的頁面,讓變更生效。

  7. 在標準DPI和高DPI (Retina)裝置上測試影像演算:

    • 在標準DPI熒幕上,dpr=off會依設計出現在影像URL中,以避免大型影像。
    • 在高DPI熒幕上,設定多個寬度時,會提供更高解析度的影像。
  8. 如果您需要更好的影像品質,而不需要手動修飾元,請使用專屬的Dynamic Media元件,而非影像V3。

  9. 確認高DPI顯示器上的影像清晰,並在標準顯示器上有效載入。

附註

  • 依預設,加入dpr=off可避免在非Retina熒幕上顯示不必要的大型影像。 這不是產品瑕疵,而是最佳化保障。
  • 使用URL修飾元或預設集強制DPR不會在影像V3中覆寫此保護機制。 請改用原則中的多個寬度。
  • 啟用帳戶層級的DPR最佳化後,不需要變更應用程式端的URL。 如有需要,使用者端邏輯仍可用於進階案例。
  • 智慧型影像處理在帳戶層級作用中時,預設會啟用智慧型影像處理格式轉換(例如WebP或AVIF)。 只有在它縮小檔案大小而不影響品質時才適用。

相關閱讀

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