文档Experience Cloud KCS

在AEM Edge Delivery Services中，导入的图像呈现为静态资源而不是响应式资源

最近更新： 2026年9月3日

在Adobe Experience Manager (AEM) Edge Delivery Services中，导入到页面中的图像可以呈现为静态图像，而不是响应式Dynamic Media资源。 因此，图像无法从Dynamic Media功能（如自动生成多个图像大小或转换）中受益。 要解决此问题，请使用受支持的AEM Assets投放URL生成响应式图像标记。

描述 description

环境

  • Adobe Experience Manager (AEM) Edge Delivery Services
  • AEM云服务

问题/症状

  • 导入到页面中的图像将呈现为静态图像，而不是响应式Dynamic Media资产。
  • 图像无法从Dynamic Media功能中获益，例如自动生成多个图像大小或转换。
  • 在自动迁移期间，如果图像引用是以编程方式填充的，则经常会出现此问题。
  • 未显示错误消息，但图像未显示响应行为。

解决方法 resolution

请按照以下步骤解决问题。

  1. 确保在AEM Cloud Service实例中将图像上传或解析为已批准的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