[AEM Assets]{class="badge positive" title="适用于AEM Assets)。"}

Dynamic Media历程：基础知识，第二部分 dm-journey-part2

欢迎使用Dynamic Media历程：基础知识第II部分，您可以从中了解以下内容：

另请参阅Dynamic Media历程：基础知识，第一部分。

Dynamic Media URL剖析以及Dynamic Media如何交付内容 dm-journey-d

上传和发布Dynamic Media资产后，您可以复制资产生成的URL并将其粘贴到浏览器中，以查看向客户显示的资产外观。 以下复制的监视图像URL按颜色划分，以便于阅读和理解。

Dynamic Media URL的结构。

URL的第一个红色部分引用了服务器域本身。 在这种情况下，Dynamic Media正在通用服务器域https://s7d1.scene7.com/is/image/上运行。 通过检查服务器域，您可以轻松识别Dynamic Media是否提供一组图像。 URL结构一致。 但是，有一些Dynamic Media客户已切换到专用服务器域，该域为name-of-your-company.scene7.com。 智能成像需要一个专用服务器域。

帐户名称是紫色部分。 在这种情况下，该帐户名为jpearldemo。

资源ID或名称AdobeStock_28563982为绿色。 请注意，该资产具有​ no ​文件扩展名，如.png或.jpg。 将资源摄取到Dynamic Media中时，会剥离文件扩展名并创建另一种文件：金字塔 — TIFF文件。 金字塔TIFF允许Dynamic Media快速动态创建演绎版。

最后，还有图像处理参数?wid=1000&fmt=jpeg&qlt=85，这些参数在结尾以黄色显示。

整个URL路径是实时的。 尝试它。

在浏览器窗口仍打开以显示Dynamic Media URL和观看图像的情况下，了解如何通过更改URL创建图像的演绎版。

通过URL呈现监视图像

首先，仅手动删除URL路径中的图像处理规则；保留服务器名称、帐户名称以及资产ID或图像名称。 尝试它。

现在，将图像处理参数添加到URL的末尾。 在URL字段中，在图像名称的右侧，键入?wid=500，然后按​Enter。 尝试它。

请注意，将生成监视的新演绎版。 通过这个更改图像宽度的简单练习，可以了解的一个关键点是，看到的图像是100%动态生成的。

现在将500像素的宽度值更改为1000像素，然后按​Enter。 尝试它。
当您按​ Enter ​时，浏览器将返回到Dynamic Media图像服务器。 它会根据您输入的新宽度值生成监视的演绎版，然后将图像交付给浏览器并进行缓存。

Dynamic Media具有大量图像处理参数，可用于微调网页上的图像资产。 您可以在此查看他们的列表。

现在，尝试向监视图像添加旋转参数。 在URL路径末尾，紧跟wid=1000之后，键入&rotate=90，然后按​Enter。 尝试它。

这块表还是稍微向左偏了。 将90的旋转值更改为92，然后按​Enter。 尝试它。

同样，当您按​ Enter ​时，会立即生成手表的新演绎版。 您可以看到性能级别，它解释了为什么Dynamic Media在高流量期间每秒可以发送​ 个 ​以上的800,000个图像请求。

在URL中逐个图像更改图像处理参数效率低下，尤其是对于具有数千张图像的网站。 一种更好的方法是使用图像预设。

创建图像预设以渲染资产的基础知识 dm-journey-e

创建图像的方法有多种。 您希望图像可用。 传统上，创意专业人士会进入Adobe Photoshop，并将每个演绎版另存为静态图像。

良好：静态图像，每个图像都是手动创建的。

想象一下，创意总监看着图片说，

“我真的很想拍这张照片，好让大手指向四个，小手指向1，好让表盘旋钮更容易看到。”

创意会重新拍摄所有新的静态图像。

但是，通过Dynamic Media，如果您具有不同的图像预设，则可以在需要时随时使用这些图像。 图像预设可强制实施标准。

最佳：一个文件使用图像预设即时创建多个演绎版，如Search_Grid和Thumbnail。

每个地方都需要一种特定的图像，例如，

您希望在任何位置使用该图像时都使用相同的参数进行投放。

让我们看一下如何在Dynamic Media中创建图像预设。

从“基本”选项卡开始创建图像预设。

在上面的示例中，您可以看到已创建名为​ Medium ​的新图像预设。 Dynamic Media使用现成可用的图像（背包）作为示例，帮助您查看在创建图像预设时图像预设的特性。

Medium​图像预设的宽度为500像素，高度为800像素。 在本历程的第一部分中，您已阅读有关以不同格式交付资产的信息。 从​ 格式 ​下拉菜单中，您可以选择以JPEG、PNG、TIFF或多种其他格式交付资源。 您可以灵活处理。

选择​ 高级 ​选项卡可为您提供资源色彩空间的选项。 根据​ 基本 ​选项卡中选择的格式，您可以在RGB、灰度或CMYK中交付资源。 使用​ 颜色配置文件 ​下拉菜单选择如何投放CMYK图像资源以供打印。 另外请注意，还可以应用其他参数来锐化图像。 在这种情况下，应用了​钝化蒙版。

通过选择“高级”选项卡中的选项来创建图像预设。

您以前在Dynamic Media URL的结构中回想过，您阅读了有关Dynamic Media URL及其构建方式的信息。 在​ 图像修饰符 ​文本框中，您可以键入所需的任何其他图像处理参数。 使用预设交付图像时，这些参数会包含在URL的预设名称中。 在上面的屏幕快照中，添加了参数bgc=451B15。 也就是说，添加了深棕色背景颜色。

您可以将图像预设视为图像的配置。 每次提供使用预设一致的任何图像；它都是相同的。 还添加了参数&op_brightness=+10以略微增加亮度。

完成后，保存预设，该预设现在可用于您拥有的所有图像。 在这种情况下，您需要将​ Medium ​图像预设应用于一碗液态巧克力的图像。

要生成图像的演绎版，请应用图像预设Medium。

要检查图像的外观，请复制URL并将其粘贴到浏览器中。 尝试它。

在您的浏览器中，注意完整URL路径中的图像预设​ Medium ​的名称。

您可以看到图像所显示的清晰度。 这种品质部分是由于这碗巧克力的投球方式。 此外，部分原因在于使用Dynamic Media，您可以存储比传输到数字渠道更大的图像。

如果你的巧克力碗看起来一切正常，你可以在网页上粘贴你希望图像出现在网站上的位置URL。

如果再次查看下面的手表图像，您可以看到有一个Cart图像预设、Grid预设、Large预设、PDP-page （产品详细信息页面）预设以及若干其他预设。

静态和动态图像预设。 已使用PDP-page图像预设呈现监视图像。

但是，如果您必须更改网站上的图像，该怎么办？ 例如，假设您已经进行了一些测试，发现图像120 x 120 （Cart图像预设）并未如您预期的那样被感知。 通过将宽度增加到175像素并将高度增加到175像素来增加图像大小。 传统上，您进入Adobe Photoshop并重新创建所有这些购物车图像。 但使用Dynamic Media，您可以通过将宽度和高度值更新为175来编辑图像预设并保存预设，如以下示例所示。

正在编辑Cart图像预设的宽度和高度。

更改图像预设并清除缓存后，所有图像都会更新，并且与该预设一起使用的所有URL都不​会在任何地方更改。 这意味着不需要断开链接，也不需要网页重定向。

图像集、旋转集和混合媒体集 dm-journey-f

Dynamic Media的一些更常用的用途是使您能够创建图像集、旋转集和混合媒体集。

图像集通常由一系列图像资产组成，这些资产以单个实体的形式呈现。 这些类型的集为用户提供了集成的查看体验，用户可以通过单击缩略图图像查看项目的不同视图。 通过图像集，您可以呈现某种内容的替代视图，并且查看器提供了缩放工具来仔细检查图像。 查看名为“正在运行”且使用弹出查看器的图像集。

在Dynamic Media中，您可以看到几张跑步鞋的图像。 它是销售和营销部门希望客户作为单个演示文稿查看的产品线系列：图像集。

开始创建图像集。

要创建图像集，请从​ 创建 ​下拉菜单中选择​图像集。 请注意，菜单上还有创建​混合媒体集、旋转集​和​ 轮播集 ​的选项。 创建这些集的方式与创建图像集的方式大致相同。

混合媒体集可以包含图像、样本集、旋转集、视频和自适应视频集。 尝试它。 旋转集允许用户旋转对象以进行检查。 利用旋转集，可以从任何角度查看关键的可视详细信息。 尝试它。

创建图像集非常简单。 添加要包含在集中的图像资源。

图像集编辑器允许您添加图像资源并对它们在集中的外观重新排序。

您需要为集提供一个名称。 请仔细选择名称，因为您以后无法编辑它！ 在上述示例中，该集名为Running。 完成后，您将保存该集。

这是Experience Manager Assets中的Running图像集。

Experience Manager Assets卡片视图中的Running图像集。

创建图像集、混合媒体集、旋转集或其他交互式媒体后，可以预览它的显示方式以及客户的行为。 Dynamic Media具有许多内置查看器可让您这样做。

首先，选择图像集以在预览中将其打开，如以下示例所示。

已选择“查看器”选项预览中的Running图像集。

请注意，在预览中，您可以选择跑步鞋样本并放大和缩小鞋子。 要将查看器应用到集，请从下拉菜单中选择​查看器。

应用了弹出查看器的Running图像集。

在这种情况下，已选择Flyout查看器。 此时，您可以预览查看器中设置的图像。 但是，最好在您的浏览器中看到客户所看到的内容。 选择左下方的​URL，然后复制该URL并将其粘贴到浏览器中。 尝试它。

单个URL允许您在网站上需要使用的位置使用图像集和查看器。 您在上一个示例中注意到​ Embed ​位于URL按钮的右侧。 通过选择​嵌入，您可以复制此图像集/查看器的代码，并将其添加到网页或Experience Manager Sites组件中。

弹出查看器是默认的标准查看器，可以编辑其属性。 或者，与创建图像预设类似，您可以创建自己的自定义查看器。

现在，假定您的销售和营销团队不喜欢“弹出式”查看器。 他们喜欢缩放功能，但他们希望客户能够直接在鞋子上看到缩放效果。 在这种情况下，您可以将InlineZoom查看器应用于图像集，并将其URL复制并粘贴到浏览器中以查看其行为。 尝试它。

当您将鼠标指针移到鞋上时，图像会放大，您可以在移动指针时看到更多细节。 这种缩放效果是由最初上传到Dynamic Media中的图像大小造成的。

当您考虑作为消费者的角色时，或者当您在专业角色中工作时，以及当您访问不同的网站时，您会看到这些功能的示例。 考虑如何执行此操作，以及如何在您自己的工作和您公司的网站上使用Dynamic Media的功能。

您可以阅读有关图像集和查看器的信息。 让我们看一下其他几个查看器，并在单个资产上尝试它们。 要重置查看器，请单击左下角的​ 刷新 ​按钮。

可选 — 了解详情

要了解有关您所阅读内容的更多信息，请使用以下材料更详细地探索概念。 否则，您的Dynamic Media历程已完成！

Dynamic Media教程

Dynamic Media查看器