AEM DAM资产再现如何在AEM中使用？

Question

我知道在将任何图片/素材上传到AEM DAM时会创建再现，但我想知道这些演绎将如何使用？

通常，在进行内容创作时，我们只会指向DAM资源路径，但从未看到使用图像的特定格式路径。 任何人都可以帮助我举例说明使用此版本吗？

Answer 1

最常见的用例是＆＃34;响应＆＃34;使用picture元素的图像（与IE一起使用时需要像picturefill.js这样的填充）。

以下是Adobe documentation on Adaptive images：

的示例

<div data-picture>
    <div data-src='/content/dam/geometrixx-media/articles/meridien.png'></div>                                        
    <div data-src='/content/dam/geometrixx-media/articles/meridien.png/jcr:content/renditions/cq5dam.thumbnail.319.319.png'    data-media="(min-width: 769px)"></div>  
    <div data-src='/content/dam/geometrixx-media/articles/meridien.png/jcr:content/renditions/cq5dam.thumbnail.140.100.png'   data-media="(min-width: 481px)"></div>     
</div>

因此，将为data-media中定义的视口断点渲染适当的图像。

Answer 2

您还可以考虑使用acs-aem-commons软件包随附的命名变换图像Servlet。仅使用图像URL即可动态地控制图像的许多方面。

https://adobe-consulting-services.github.io/acs-aem-commons/features/named-image-transform/index.html