文件Experience Cloud KCS

在AEM Edge Delivery Services中，匯入的影像會呈現為靜態而非回應式資產

最後更新： 2026年9月3日

在Adobe Experience Manager (AEM) Edge Delivery Services中，匯入頁面的影像可以呈現為靜態影像，而非回應式動態媒體資產。 因此，影像無法受益於Dynamic Media功能，例如自動產生多種影像大小或轉換。 若要修正此問題，請使用支援的AEM Assets傳遞URL產生回應式影像標籤。

說明 description

環境

  • Adobe Experience Manager (AEM) Edge Delivery Services
  • AEM雲端服務

問題/症狀

  • 匯入頁面的影像會呈現為靜態影像，而非回應式動態媒體資產。
  • 影像無法受益於Dynamic Media功能，例如自動產生多種影像大小或轉換。
  • 在自動移轉期間，通常以程式設計方式填入影像參考，因此會發生問題。
  • 未出現錯誤訊息，但影像未顯示回應式行為。

解決方法 resolution

請依照下列步驟解決問題。

  1. 確保影像已上傳或解析為AEM雲端服務執行個體中核准的AEM Assets。

  2. 取得每個影像支援的AEM Assets傳送URL。 使用Assets OpenAPI或透過其jcr:uuid解析資產並擷取傳遞URL來執行此操作。

  3. 使用AEM Assets傳遞URL更新您的匯入工具或EDS區塊邏輯，以產生回應式影像標籤。 納入寬度、裁切、格式和品質等引數，以啟用Dynamic Media轉換。

    回應式影像標籤範例：

    code language-none 
    <img src="https://assets.example.com/asset-id.jpg?width=800&format=webp&quality=80"
srcset="https://assets.example.com/asset-id.jpg?width=400&format=webp&quality=80 400w,
https://assets.example.com/asset-id.jpg?width=800&format=webp&quality=80 800w,
https://assets.example.com/asset-id.jpg?width=1200&format=webp&quality=80 1200w"
sizes="(max-width: 800px) 100vw, 800px"
alt="Description of image">

  4. 將傳遞URL參考儲存在匯入的內容中，以便EDS區塊可以在轉譯時使用該參考產生回應式標籤。

  5. 測試轉譯的頁面，以確認影像會回應式傳送，且已套用Dynamic Media轉換。

相關閱讀

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