Dynamic Media历程：基础知识，第I部分

欢迎使用Dynamic Media历程。

此历程涵盖Dynamic Media的基础知识、其工作方式、可为您做什么，以及它给您的工作和客户带来的价值。

前提条件

  • 对图像和视频格式的基本了解
  • 对HTML和CSS的基本了解
  • 基本了解Adobe Illustrator、Adobe Photoshop、Adobe XD等设计工具
  • 在Experience Manager时访问Dynamic Media很有帮助，但不是必需的

您可以期待了解的内容

第一部分

  • Dynamic Media是什么以及它如何帮助您？
  • Dynamic Media用例
  • 资产如何在Dynamic Media系统中流动

第二部分

  • Dynamic Media URL的剖析，以及Dynamic Media如何交付内容
  • 创建图像预设以渲染资产的基础知识
  • 图像集、旋转集和混合媒体集

Audience
最适合此历程读者的Experience Manager是以下这些不熟悉Dynamic Media的受众：

  • 管理员
  • 业务分析员
  • 内容架构师
  • 内容作者
  • Designer
  • 开发人员
  • 营销
  • 产品经理/所有者
小贴士

为获得最佳结果，Adobe建议您在台式计算机上阅读并查看此Dynamic Media历程。

Dynamic Media是什么以及它如何帮助您？

Dynamic Media可帮助您按需提供丰富的可视化推销和营销资源。 它还帮助您创建并提供交互式查看体验，包括缩放、360度旋转和视频。 您的资产会动态调整规模，以便在Web、移动和社交网站上使用。 使用一组主要源资产（如图像、视频和3D ），Dynamic Media通过其全局、可扩展、性能优化的CDN（内容交付网络）实时生成和提供此丰富内容的多种变体。

Dynamic Media整合了Adobe Experience Manager Assets数字资产管理解决方案的工作流，以简化和简化数字营销活动管理流程。

一个具有无限可能性的文件

关于Dynamic Media，要了解的要点之一是 一个具有无限可能性的主要资源文件.

要更好地了解此概念，请思考您传统上处理单个资产（如图像或视频）的方式。 通常创建一个主要资源。 然后，您可以为每个体验、所需的每个设备、每个网页以及使用它的每个资产手动创建该资产的版本。 随着时间的推移，该单个资产可以增长到20个、30个或更多版本，并且不会附加版本历史记录。 现在，想象一下，对你的每一个图像或视频都这样做。 资产版本的数量将很快变得难以维护和更新，更不用说存储成本的增加了。

但是，Dynamic Media与其他系统存在根本性差异，因为您使用它来交付媒体 动态 来自单个主资产和URL调用。 您请求的Dynamic Media URL路径中包含一些说明，这些说明告知Adobe发布服务器在将资源交付到客户的屏幕时如何显示资源。 例如，使用相同的单个主要资产，您可以即时提供无限演绎版，并可以更改大小、格式、分辨率、粗细、颜色、裁切和缩放视图等效果。

这种独特的投放方法可确保向任何屏幕发送一致的质量体验，而不管屏幕的大小或带宽如何。 全尺寸视频还针对所有屏幕类型进行了优化，并自适应流式传输，以确保一致、高质量的用户体验。

AdobeDynamic Media可将相同的主图像以不同的大小和格式提供给不同的介质。
AdobeDynamic Media可确保向任何屏幕提供一致、优质的体验，而不管其大小或带宽如何。

随着您继续阅读，您将了解更多有关“一个主要资源文件，无限可能性”这一概念为什么重要的原因。

内容交付网络

当您准备好使用图像资产或视频资产时，Dynamic Media的主干网络将支持该资产，该主干网络由功能强大的顶级交付网络组成。 该网络每天为全球数百个客户提供服务。 资产在由Akamai托管的内容交付网络（或CDN）上分发。 CDN是一种计算机服务系统，它们以透明方式连接在一起，共同向最终用户交付内容，特别是大型富媒体内容。

在CDN系统中，Web内容通过Internet存储在Web缓存中。 然后，它从Web Cache交付给最终用户，以实现更快的交付。 因此，当某人首次下载网页时，他们看到的资产将被交付到CDN缓存。 它们存储在服务器上，以便下次同一区域中的某人访问网页时，可以更快地交付相同的缓存内容。 由于距离最终用户更近，因此交付内容的速度更快。 CDN使得网页显示速度更快，但它降低了中央服务器的带宽需求，因为内容是从缓存网络交付的，而不是从每个实例中的中央服务器交付的。 此优化流程意味着更好的用户体验，从而提高销量。

过去，CDN每月会向客户提供3.5 PB的流量。 该系统一天可以提供520亿项资产。 这一数字相当于成功地向客户发送了864,000张图像和视频， 每秒.

智能成像

Dynamic Media在优化资源以及通过CDN确保每个资源在移动和桌面系统上快速加载方面已经做得很出色。 要实现这一点，Dynamic Media中使用图像预设来定义图像的质量。 它们还定义了您要发送的图像类型、其锐化程度以及您的体验或页面各个部分的其他部分。

但是，为了进一步在图像预设之外为Dynamic Media增加价值，我们提供了 智能成像.

智能成像通过基于客户的浏览器功能自动优化图像的格式和文件大小，提供甚至更好的图像资产投放性能。 它可与您现有的图像预设（此历程的第二部分中讨论了图像预设）配合使用，并在投放时使用智能。

这种智能根据浏览器和网络连接速度进一步减小图像文件大小。 由于图像资产占页面加载时间的大部分，因此性能改进会对关键业务指标产生彻底的影响，例如：

  • 更高的转化率
  • 网站逗留时间
  • 较低的网站跳出率

总体而言，使用智能成像时，根据您现有的图像预设设置和特定最终用户特性，性能可望提高22%到47%。 同时保持图像质量，好像它从未被碰过一样。

智能成像
智能成像可根据客户的浏览器功能和网络速度自动优化图像的格式和文件大小。

默认情况下，不会打开智能成像，因为您需要与AdobeDynamic Media技术支持协调工作。 此外，启用智能成像需要完全清除CDN缓存，然后使用时间重新填充。 如果您有兴趣使用智能成像，可以与Adobe合作，通过提交技术支持票证来启用它。 然后，技术支持会为您提供一个URL参数，以便您预先尝试智能成像。 您可以在您的任何网页或图像上尝试它，以便查看您获得的性能以及节省的资源。 然后，您可以为整个网站打开智能成像。

自适应视频集

当页面上或主页面上存在视频时，客户往往会更长时间地参与该内容，并在页面上停留更长时间，这通常是好事。 Adobe所做的分析已经展示了这种行为。 但是，视频可能很复杂。 首先，您通常有一个大型主文件。 确定视频的大小和传送方式非常复杂，而所有这些都是为了确保体验能够顺利运行，无论设备是哪台设备，也不管带宽如何。

要解决此问题，Dynamic Media使您能够创建 自适应视频集.

自适应视频集
自适应视频集对以不同比特率和格式编码的相同视频的版本进行分组。

首先从您上传到系统中的原始主视频开始。 Dynamic Media会自动调整大小，或者 转码，将该视频转换为多个视频。 然后，在交付时，它会智能地确定要使用哪种视频屏幕、哪种质量和哪种格式，并将其交付到手机、平板电脑或台式计算机。

例如，在iOS移动设备上，它会检测4G、5G或Wi-Fi等带宽。 然后，它自动从自适应视频集内的各种视频比特率中选择正确的编码视频。 视频将流式传输到移动设备、平板电脑或台式计算机。

此外，如果网络状况改变，视频质量会自动进行动态切换。 此外，如果客户在桌面上进入全屏模式，则自适应视频集将使用更好的分辨率进行响应，从而改善客户的观看体验。

使用自适应视频集，客户可以在多个屏幕和设备上播放Dynamic Media视频，从而实现流畅、高质量的播放。 它真正消除了视频的复杂性。

Dynamic Media用例

以下是Dynamic Media可以帮助您提高正面客户参与度、忠诚度、转化率和ROI的常见用例问题和解决方案。

用例：主要文件方法

Dynamic Media最重要的用例之一也是最明显的用例之一。 也就是说，可以减轻页面和体验的重量，并减小正在投放的内容（无论是图像还是视频）的大小。

下面显示了典型的体验或网页。 一个页面中约有90%由富媒体（如图像和视频）组成，这些通常是更重的文件。

内容页面权重
典型网页的内容页面权重。

其余10%是HTML、CSS代码和特定标记。 您希望优化该页面的90%权重，Dynamic Media可助您实现这一目标。 之前，您阅读了关于 一个具有无限可能性的主要资源文件. 此方法对于降低页面总重量具有重要意义。 能够获取一项主要资产并将其用于产品详细信息页面、缩略图页面、购物车和搜索网格，是一项非常节省时间的功能。 它还可以确保跨体验的一致性。

主要文件方法
监视文件是一个主要资源文件，但会动态创建其多个演绎版（而非副本）。

让我们更详细地了解一下Dynamic Media通过单个文件解决的问题，以及这种方法的一些解决方案。

问题 Dynamic Media解决方案
创建并存储每个资产。 使用单个图像文件，仅在投放时自动创建所需的演绎版。
存储成本高。 无需创建和存储资产的多个副本。
难以维护保管链。 确保交付设备优化且一致的体验。
无版本历史记录。
跨设备的品牌体验不一致。
创建重复资产的不必要成本。

当您想到某个文件时，您正在为各种体验创建资产。 您可能有一个起始映像，然后您必须创建该映像的20、30或40个变体，最终您需要存储这些变体并为其付费。

然后，您必须确保使用正确的映像，这可能会影响您保持品牌一致的能力。 如果找不到图像，则必须返回并复制这些资源。

Dynamic Media允许您动态地从该起始图像创建图像的变体。 它可让您使用该主要资产进行创意，而不必与图形设计艺术家或照片工作室来回交互以创建其他内容。 这能节省金钱和时间。

使用单文件方法时，使用单个主文件。 然后，仅在交付或客户看到这些版本或演绎版时，创建您的网站、资产和体验中所需的版本或演绎版。 这样的效率可以大大减少资产所需的存储量，并降低整个工作流的复杂性。 借助Dynamic Media的交付系统，它可以确保优化每个图像和视频，快速加载，并在所有屏幕和设备上看起来都非常棒。

用例：视频

Dynamic Media为解决的另一个用例是视频。 视频很复杂。 它很难管理。 视频文件由于其固有的文件大小，在存储和移动方面颇具挑战性。

问题 Dynamic Media解决方案
难以管理和投放针对各种设备优化的视频。 使用可自动调整所有设备大小的单个视频。
由于最终用户的可用带宽，视频延迟或播放质量低。 通过自动检测可用带宽并调整质量的HTML播放器交付视频，以确保高保真度和平滑的播放。
手动创建视频的所有版本以确保跨设备良好显示和播放是不可能且耗时的。 通过简化的工作流程，省去数小时繁琐的代码转换工作。
腾出时间从事价值更高的工作。

来到Dynamic Media的客户会遇到以下他们希望解决的问题：

”我们拿到了视频，花了很多钱制作它。 但我们一直回避把它放在网页上，或者投放，因为从我们的测试来看，我们真的无法保证视频的质量，或者它是否真的要播放。 最终，这会影响我们的品牌，并有可能影响我们的角色甚至转化。”

Dynamic Media的解决方案是取用那个主视频文件，让Dynamic Media通过转码过程生成所有大小。 然后，将其与Dynamic Media的智能视频播放器配对。 此工作流可确保无论您是在主登陆页面上，还是在类别或产品详细信息页面上使用该视频，在整个过程中都将会保持一致，并高质量地提供该视频。

下面是其他几个需要考虑的用例。

用例：单一真实来源

问题 Dynamic Media解决方案
数字资产分散在组织内，孤立于不同的团队或业务部门。 在一个中心位置存储和管理所有数字资产。
团队成员下载并创建本地版本。 团队成员使用单个主文件创建 和 跨各种屏幕大小和设备提供所有必要的版本。
为每个体验和设备创建的一次性资产。 消除一次性资产，从而节省创建资产的时间和资金。

用例：AI支持的富媒体智能裁剪

问题 Dynamic Media解决方案
手动绘制、测量和剪切图像或视频以突出显示焦点并在所有屏幕大小和设备上正确显示需要耗费时间和人力。 使用Adobe Sensei AI功能Dynamic Media中的智能裁剪自动检测任何图像或视频中的焦点，并进行裁剪以维护该焦点。
浪费的时间可以更好地用于创造高影响力的体验。 捕获目标兴趣点，而不管屏幕大小如何。
为每个体验和设备创建的一次性资产。 消除繁琐的手动任务，并提供在任何设备或屏幕上看起来都良好的高质量、快速加载的图像和视频。

用例：交互式媒体创作

问题 Dynamic Media解决方案
固定和静态的客户体验，无法吸引、产生忠诚度或推动转化。 使非技术用户能够轻松无缝地添加交互元素（如热点、轮盘和旋转集），以获得更动态、更吸引人的体验。
数字资产的投资回报有限，客户体验乏善可陈。 从富媒体体验推动转化和投资回报。

资产如何在Dynamic Media系统中流动

下面显示了Dynamic Media的典型工作流程。

Dynamic Media工作流程
资产如何在Dynamic Media系统中流动。

从创建阶段开始，主要目标是最终确定主要资产。 这些主要资产可能来自照片拍摄或视频供应商，也可能来自您创建的一些音频文件。 您可以使用Adobe的Creative Suite应用程序(如Adobe InDesign、Adobe Photoshop、Adobe Illustrator)来帮助您制作内容。

创建部分完成后，您可以通过将资源上传到Dynamic Media，将资源放入创作解决方案。 在Dynamic Media中，您可以确保为网站上的各种网页排列正确的图像预设和查看器。

最终，您可以优化所有这些内容并将其发布到Dynamic Media服务器，以便将其用于Web、打印、电子邮件、桌面和移动设备。

将资源上传到Dynamic Media

创建完主要资源后，可将其上传到Dynamic Media。 上传的文件类型以及文件的格式和大小是Dynamic Media的重要属性。 在上传时，您希望确保获得一个文件支持的最大值。

例如，下面的手表图像是4560 x 3020像素。 虽然您绝不能使用如此大小的图像，但您仍可以上传该图像。 图像越大，Dynamic Media提供的质量就越好，甚至可以精确到缩略图演绎版。 请记住：您可以轻松地 减少 现有图像的分辨率。 但如果你试图 增加 图像的分辨率，结果可能不能令人满意。

上传到Dynamic Media的推荐格式
资源上传的注意事项。

Adobe建议以无损格式上传资源。 通常，最好避免JPEG，因为当您交付JPEG或继续保存JPEG时，随着时间的推移，您会开始失去图像质量。 您希望以无损格式开始呈现最高分辨率的图像，以便您随时使用。 该格式通常为TIFF或PNG文件。

关于色彩空间，当您考虑数字渠道或Web视图时，您通常会考虑RGB（红色、绿色、蓝色）。

大多数用户不会考虑使用CMYK交付某些内容，甚至不会考虑您为何希望使用CMYK交付内容。 原因是色彩空间最常用于交付打印的物品。 但是，Dynamic Media可以在两种色彩空间中进行交付。

仍有许多客户仍在使用印刷品，如仓库批发俱乐部。 还有杂货店，它们经常每周打印传单。 此类客户要求他们的图像同时位于两个颜色空间中。 传统上，这需要两个不同的图像：一个是RGB图像，一个是CMYK图像。 但是，您可以将CMYK资源直接上传到Dynamic Media，并让Dynamic Media通过图像预设或颜色配置文件自动交付RGB资源。 无需创建文件的多个版本，因此保留了以下概念 一个具有无限可能性的主要资源文件.

发布和预览资源

将资源上传到Dynamic Media后，最佳做法是执行以下操作 发布 选择资产，然后单击 Publish 或 快速发布 在Dynamic Media中。 如果您打算在任何体验中使用资产，则必须发布资产。 发布资源后，您可以使用复制的由Dynamic Media生成的URL将资源包含在网页中，或者将代码嵌入到页面上。

除了手动发布资产外，您还可以配置Dynamic Media，以便在上传时即时发布资产，而无需用户干预。

上传后，可通过多种方式在Dynamic Media中预览资源的演绎版。 预览演绎版有助于您了解客户看到的内容。 一种常见的预览方法是选择资源，然后通过选择 图像预设 如下所示。

预览基于大型图像预设的资产演绎版
预览基于选定“大”图像预设的资产演绎版。 已单击URL按钮。 生成的URL路径包含“大”图像预设名称，可在网页中使用。

上述URL是实时的！ 试试看.

另一种预览资源的方法是选择图像资源，然后选择 查看器 预设，如下所示。

根据缩放垂直光源查看器预设预览资源
根据选定的“ZoomVertical_light”查看器预设预览资源。 鼠标指针(+)移到手表上放大图像。 请注意URL和嵌入按钮。

上面的演绎版是实时的！ 试试看.

可选 — 了解详情

此历程的第一部分介绍了各种Dynamic Media主题的基础知识。 如果您想详细了解刚刚阅读的内容，请使用以下材料更详细地探索概念。 否则，您可以继续历程的第二部分。 参见 此Dynamic Media历程的后续内容.

Dynamic Media帮助主题

Dynamic Media教程

Dynamic Media查看器

此Dynamic Media历程的后续内容

在此历程的第二部分中，您将更进一步了解Dynamic Media URL，以更好地了解交付资产时发生了什么情况。 您还将了解有关创建图像预设以渲染资产的基础知识的更多信息，并了解图像集、旋转集和混合媒体集及其创建方式。

带我前往 Dynamic Media历程：基础知识，第二部分.

在此页面上