使用Dynamic Media在AEMaaCS中配置智能成像和DPR行为

使用Dynamic Media的Adobe Experience Manager as a Cloud Service (AEMaaCS)中的智能成像功能(如浏览器格式转换(BFC)、网络带宽优化和设备像素比(DPR)优化)可能会使配置和理解变得混乱。 本文介绍这些功能的工作原理、它们如何影响图像交付,以及在使用核心组件时如何进行正确设置。

描述 description

环境

  • 产品: Adobe Experience Manager as a Cloud Service - Assets (Dynamic Media)
  • 约束:将图像V3核心组件与Dynamic Media集成一起使用

问题/症状

  • 在Dynamic Media帐户级别启用智能图像不会自动将DPR优化应用于图像V3核心组件渲染的图像。
  • 当组件策略中未配置多个宽度或未启用smartCrop时,参数dpr=off将附加到Scene7图像URL。
  • 如果未正确配置,则高DPI/Retina显示屏上的图像质量会降低或锐利化。
  • 设置dpr=on或通过图像修饰符传递DPR值不会由于组件逻辑而覆盖此行为。

解决方法 resolution

要解决此问题,请执行以下步骤:

  1. 在Dynamic Media公司或帐户级别为您的环境(暂存或生产)启用智能成像。

  2. 打开使用启用了Dynamic Media的图像V3核心组件的模板或页面。

  3. 编辑模板或页面上使用的图像V3核心组件的策略。

  4. 在组件策略中为响应式图像配置多个宽度。

  5. 保存并应用更新的策略。

  6. 重新发布受影响的页面,以使更改生效。

  7. 在标准DPI和高DPI (Retina)设备上测试图像渲染:

    • 在标准DPI屏幕上,dpr=off在设计上会显示在图像URL中,以避免出现大型图像。
    • 在高DPI屏幕上,当配置多个宽度时,将提供高分辨率图像。
  8. 如果您需要更好的图像质量而无需手动修饰符,请使用专用的Dynamic Media组件而不是图像V3。

  9. 确认图像在高DPI显示器上清晰,并在标准显示器上有效加载。

注释

  • 默认情况下,添加dpr=off可避免在非Retina屏幕上出现不必要的大图像。 它不是产品缺陷,而是优化保障。
  • 在图像V3中,使用URL修饰符或预设强制DPR不会覆盖此保护机制。 请改用策略中的多个宽度。
  • 启用帐户级别的DPR优化后,无需更改应用程序端URL。 如果需要,客户端逻辑仍可用于高级方案。
  • 在帐户级别激活智能成像时,默认启用智能成像格式转换(例如WebP或AVIF)。 仅当它减小文件大小而不影响质量时才适用。

相关阅读

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