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

Dynamic Media历程:基础知识,第I部分 dm-journey-part1

NOTE

本指南介绍​ Adobe Experience Manager ​上的​Dynamic Media,说明系统如何工作、提供的核心功能以及它如何跨Web、移动和营销渠道加速富可视媒体的创建、管理和交付。 Dynamic Media​使组织能够从单个主资产提供交互式、响应式和点播的图像和视频,从而减少生产开销并改善每个接触点的客户体验。

先决条件

在开始此历程之前,读者将受益于对以下领域的了解,因为​ Dynamic Media ​与这些格式、技术和设计工作流直接交互:

  • 基本了解图像和视频格式 — 这是必需的,因为​ Dynamic Media ​以各种编码摄取、转换和交付资产。
  • 基本了解HyperText标记语言(HTML)和层叠样式表(CSS) — 有助于在网页上嵌入和设置​ Dynamic Media ​投放的样式。
  • 对Adobe Illustrator、Adobe Photoshop和Adobe XD等设计工具的基本了解 — 很有用,因为​ Dynamic Media ​的源资源通常在这些应用程序中生成。
  • 在​ Adobe Experience Manager ​上访问​ Dynamic Media ​很有帮助,但在概念上不需要遵循。

您可以了解的内容

第一部分

  • 什么是​ Dynamic Media ​以及它如何支持富媒体的可扩展、高性能交付。
  • Dynamic Media​的实用用例,包括响应式图像、交互式视频、360°产品旋转以及用于电子商务和营销的个性化视觉体验。
  • 资产如何通过​ Dynamic Media ​系统流动,从摄取到处理,再到最终用户交付。

第二部分

  • Dynamic Media​统一资源定位器(URL)的剖析,以及​ Dynamic Media ​如何通过其图像服务器按需交付内容。
  • 创建​ 图像预设 ​的基础知识,以按照所需的尺寸、格式和质量设置呈现资产。
  • 图像集(替代视图的相关产品图像集合)、旋转集(创建产品的360°旋转视图的图像序列)和​混合媒体集(单个交互式查看器中图像、视频和旋转集的组合)。

受众

此历程专为​ Adobe Experience Manager ​上的​ Dynamic Media ​的以下新角色设计:

  • 管理员
  • 业务分析师
  • 内容架构师
  • 内容作者
  • Designer
  • 开发人员
  • 营销人员
  • 产品经理/主管
TIP
为获得最佳结果,Adobe建议您在台式计算机上阅读和查看此​ Dynamic Media ​文档,因为可视示例、交互式查看器和代码示例在较大屏幕上呈现得最为清晰。

什么是Dynamic Media以及它如何帮助您? dm-journey-a

Dynamic Media​是一种Adobe解决方案,它使品牌和营销人员能够按需提供丰富的视觉推销和营销资源。 Dynamic Media使用一组​主要源资产(如图像、视频和3D),通过其​ 全局、可扩展、性能优化的CDN(内容交付网络) ​实时生成并交付此丰富内容​的多个变体。

主要功能

Dynamic Media可创建并提供交互式查看体验,包括:

  • 缩放 — 高分辨率特写观看产品图像
  • 360度旋转 — 旋转产品视图,使购物者可以从每个角度查看项目
  • 视频 — 与静态资源一起交付的流媒体

Assets已动态扩展以在​ Web、移动和社交网站 ​中使用数据。 由于渲染在CDN上实时进行,因此单个主资产可以跨每个渠道和设备大小重复使用,而无需为每个目标手动生成和存储单独的版本。 这减少了生产开销,并帮助确保在客户遇到内容时提供一致的品牌体验。

与Adobe Experience Manager Assets集成

Dynamic Media整合了​ Adobe Experience Manager Assets ​数字资产管理(DAM)解决方案的工作流,以简化和简化数字营销活动管理流程。 此集成意味着创意、营销和营销团队可以从统一的环境中管理源文件、批准、元数据和交付 — 将资产治理直接连接到全渠道交付。

一个文件具有多个提交选项

Adobe Dynamic Media基于单核心原则运行:一个主资源文件,多个投放选项。 Dynamic Media不会为每个渠道、设备或网页复制和手动重新设置媒体的版本,而是存储单个​主资产,并根据需要从该来源生成每个演绎版。

要了解其重要原因,请考虑用于单个资产(如图像或视频)的传统工作流。 团队通常会创建一个主要资产,然后为出现该资产的每个体验、每个目标设备、每个网页和每个资产手动生成该资产的版本。 随着时间的推移,单个资产可能会增加到20个、30个或更多版本 — 通常不附加版本历史记录。 现在,将这项工作乘以库中的每个图像和视频。 维护和更新资产变体的数量变得难以承受,存储成本也因此而攀升。

Dynamic Media有何不同

Dynamic Media与传统系统有着根本性的不同,因为营销人员和开发人员使用Dynamic Media通过URL调用动态地投放媒体​和单个主要资产。 客户端请求的​ Dynamic Media URL路径 ​包含嵌入说明,用于告知Adobe发布服务器在将资源交付到客户屏幕时如何显示资源。 因此,可在​ 无限制的演绎版 ​中即时交付相同的单个主要资产,其动态变化如下:

  • 大小 — 针对目标布局或断点定制的维度
  • 格式 — 针对请求客户端优化了图像或视频格式
  • 分辨率 — 像素密度与显示器匹配

这意味着团队不再需要预生成和存储每个可能的变体。 URL本身会定义演绎版,而服务器会实时生成演绎版。

每个屏幕和带宽都提供一致的质量

这种交付方法可确保Adobe Dynamic Media向任何屏幕发送一致、高质量的体验,而不管其大小或带宽如何。 Dynamic Media还为所有屏幕类型优化全尺寸视频,并自适应地流式传输​它们,根据查看者的连接调整质量,以保持流畅、无中断的用户体验。

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

为什么“一个主要资产、多个交付选项”很重要

整合到单个主要资产上可产生多种直接从该模型获得的实际好处:

  • 减少存储空间 — 一个源文件取代了数十种手动生成的变体。
  • 更快的迭代 — 更新主资源会自动将更改传播到每个下游演绎版。
  • 一致的品牌体验 — 每个设备和渠道都来自相同的权威源,消除了版本之间的偏差。
  • 简化的管理 — 单个真实来源比庞大的临时副本集合更容易跟踪、审核和更新。

如以下部分所述,这个“一个主要资源文件,多个投放选项”概念是Dynamic Media如何跨Web、移动和连接的体验高效地扩展媒体投放的基础。

内容交付网络

当您准备好使用图像或视频资产时,Dynamic Media的主干(一个功能强大、每天为全球数百家客户提供服务的顶级交付网络)支持您的工作。 Dynamic Media跨由​ Akamai ​托管的​ 内容交付网络(CDN) ​分发资产。 CDN是一个由边缘服务器组成的分布式网络,它们无缝地协同工作,以向全球最终用户提供内容(尤其是大型富媒体文件)。

CDN的工作方式

Web内容存储在位于Internet上的Web缓存中,然后从最近的缓存直接提供给最终用户以加快交付速度。 此过程如下所示:

  1. 第一个请求:​当某人首次下载网页时,资产将交付到该地理区域的CDN缓存。
  2. 缓存存储:​这些资源存储在本地边缘服务器上。
  3. 后续请求:​下次同一区域中的用户访问页面时,缓存的内容将从附近的服务器而不是源位置传送。

内容到达速度更快,因为它在物理上距离用户更近,减少了网络延迟和往返时间。 这是使CDN比传统的单源投放更快的核心机制。

最终用户和企业获得的优势

CDN具有显着的优势:

  • 通过地理位置邻近的缓存,网页显示速度更快
  • 中央服务器上的带宽需求减少,因为内容是从缓存网络中提供的,而不是来自每个请求的原点
  • 用户体验得到改进,这得益于更低的延迟和更快的资产呈现
  • 销售额增加,因为优化的投放流程使访客保持参与状态,而不是因加载时间缓慢而丢失

性能和规模

CDN在全球大规模运营,历来都能提供:

  • 每月​3.5 PB的客户流量
  • 一天内​520亿项资产
  • 每秒​成功向客户发送864,000个图像和视频

这些数据说明了Dynamic Media的Akamai支持的CDN为富媒体分发带来的吞吐量和可靠性。

智能图像处理

Dynamic Media已使用内容交付网络(CDN)优化资产并确保每个资产可在移动和桌面系统上快速加载。 为此,Dynamic Media使用​ 图像预设 ​来定义图像的质量。 图像预设还为体验或页面的不同部分定义要发送的图像类型、其锐度以及其他渲染参数。

但是,若要为Dynamic Media增加超出图像预设范围的价值,则有​智能成像。

智能成像根据您现有的图像预设设置和特定最终用户特性,与标准Dynamic Media交付相比,性能提升了22%到47%,而且完全保持了图像质量,就像从未接触过资产一样。

智能成像的工作原理

智能成像根据客户的​ 浏览器功能 ​自动优化图像的​ 格式 ​和​文件大小,从而提供更好的图像资产投放性能。 它可与您现有的图像预设(此历程的第二部分中讨论了图像预设)配合使用,并在投放时应用智能。

此智能根据浏览器和​ 网络连接速度 ​进一步缩小图像文件大小。 简而言之,智能成像可根据客户的浏览器功能和网络速度自动优化图像的格式和文件大小,使每次投放适应特定的查看条件。

性能和业务影响

由于图像资产占据了页面加载时间的大部分,因此智能成像产生的性能提升直接影响到多个关键业务指标。 更快的图像交付会导致:

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

因果链简单明了:更小、优化更好的图像加载更快,页面创建更流畅的用户体验,而更流畅的体验则转化为更强的参与度和收入结果。

如何启用智能成像

智能图像处理

默认情况下,Adobe Dynamic Media技术支持不会打开智能成像,因为它需要协调工作。 启用智能成像还要求完全清除CDN缓存,然后随着时间的推移重新填充该缓存 — 这确保以前缓存的未优化图像变体会被新优化的投放替换。

要使用智能成像,请执行以下步骤:

  1. 向Adobe Dynamic Media技术支持提交技术支持票证。
  2. 从技术支持接收URL参数,该参数允许您在完全激活之前预览智能成像行为。
  3. 在任何网页或图像上测试,以衡量在您自己的内容上的性能提升和文件大小节约。
  4. 请求完全激活,以便为整个网站打开智能成像。

通过这种先试用后激活的方法,您可以在承诺在整个网站推出之前,验证与特定预设和受众相比,性能预计会提高22%到47%。

自适应视频集

自适应视频集​对同一源视频的多个编码版本进行分组 — 每个版本均以不同的​ 比特率 ​和​ 格式 ​呈现 — 以便在任何网络条件下将最佳文件传递到任何设备。 这是Dynamic Media的解决方案,可顺利在手机、平板电脑和台式机上流式传输视频,无需发布者手动管理编码、大小调整或投放逻辑。

为什么视频交付比较复杂

当页面包含视频时,客户通常会更长时间地接触该内容并在页面上停留较长时间,Adobe通过自己的分析观察到这种行为模式。 然而,要抓住这种参与,需要同时解决几个技术问题:

  • 主源文件太大,通常太大,无法直接提供。
  • 播放器必须决定​如何对视频进行大小调整、编码和投放,以便顺利播放。
  • 无论查看器设备或可用带宽如何,播放都必须保持可靠​​。

Dynamic Media通过生成和提供自适应视频集来替代单个静态文件来解决这些挑战。

自适应视频集的工作原理

  1. 上载主视频。 从原始的高质量源文件开始,然后将其上载到系统中。
  2. 自动转码。 Dynamic Media会自动将该源的大小或​转码为多个派生视频 — 每个视频均以不同的分辨率和比特率进行编码,并针对特定类型的设备或连接速度进行优化。
  3. 在请求时智能投放。 当查看者请求视频时,Dynamic Media会确定​哪个编码版本、哪个质量级别以及提供哪个格式,然后将其流式传输到手机、平板电脑或台式计算机。

例如,在iOS移动设备上,Dynamic Media检测连接是​4G、5G还是Wi-Fi。 基于该信号,它自动地从自适应视频集内的各种比特率中选择适当的编码视频并将其流式传输到设备。

自动质量切换

自适应视频集对观看条件做出持续响应:

  • 网络波动:​当网络条件更改播放中间,播放器会自动切换到集中的不同编码版本。 这样可保持播放连续并减少由带宽下降导致的中断。
  • 在桌面上全屏查看:​当客户进入全屏模式时,自适应视频集通过提供更高分辨率的编码做出响应,从而以更大的显示大小改善观看体验。

主要优点

使用自适应视频集可提供:

  • 流畅、高品质的播放,适合在多个屏幕和设备上观看Dynamic Media视频的客户。
  • 简化的视频管理,因为单个源上传会自动转换为所需的每个版本 — 无需为每个设备或带宽方案手动创建、存储和定位单独的文件。
  • 一致的查看器体验,因为相同的自适应视频集可即时适应设备功能、连接类型和播放上下文。

Dynamic Media用例 dm-journey-b

以下是Dynamic Media为推动积极的客户参与、忠诚度、转化和提高​ 投资回报率(ROI) ​而解决的常见用例问题和解决方案。

Dynamic Media解决了营销、电子商务和数字体验团队面临的经常性挑战,这些团队必须跨每个设备、渠道和受众区段大规模提供丰富的视觉内容。 通过集中图像、视频和交互式媒体制作和交付,Dynamic Media减少了手动制作开销,加快了上市时间,并确保客户在正确的上下文中看到正确的视觉体验,从而增强参与度并提高转化率。

常见Dynamic Media用例

  • 响应式、设备优化图像 — 自动为请求设备和视区提供大小、裁切和压缩的图像。 这样即可消除生成和存储多个手动呈现版本的需要,提高页面加载性能,并在台式机、平板电脑和移动设备之间创建一致的视觉体验。
  • 点播视频交付和流式传输 — 在不使用第三方视频平台的情况下,跨渠道对视频进行编码、托管和自适应流式传输。 自适应比特率投放可确保在不同网络条件下顺利播放,这支持更高的观看率和更丰富的产品storytelling。
  • 交互式查看器和富媒体体验 — 提供缩放、360度旋转、图像集、轮播和具有热点的视频查看器,让购物者能够详细查看产品。 交互式体验可深化参与度并减少购买疑虑,从而直接促成更高转化。
  • 智能裁剪和AI辅助成像 — 使用智能裁剪将图像主题居中于每个纵横比和通道中。 这消除了重复的手动编辑工作,并使推介视觉效果的业务保持规模化。
  • 个性化和情境式视觉体验 — 从单个主文件提供同一资源的变体 — 不同的颜色、语言、价格叠加或促销消息。 资源级别的Personalization提高了每个受众区段的相关性,并通过让体验变得量身定制来支持忠诚度。
  • 一致的全渠道投放 — 发布一次,并随时随地投放:Web、移动应用程序、电子邮件、社交、商店内屏幕和市场。 媒体的单一真实来源防止了导致品牌信任下降的不一致。
  • 加快营销活动的上市时间 — 使用动态参数重用主资源,而不是对每个营销活动重新拍摄或重新编辑。 营销团队可以更快地启动、迭代和本地化营销活动,从而保持势头并提高营销活动ROI。

每一个使用案例都将具体的生产或交付问题与可衡量的业务成果联系起来 — 运营成本降低、启动周期加快、客户参与度提高、转化率提高,以及长期忠诚度提高。

用例:主要文件方法

页面权重问题

典型网页约90%的重量来自富媒体 — 通常比其他页面组件重得多的图像和视频文件。 其余​10%为HTML、CSS代码和特定标记。 减少页面权重和内容大小(无论对于图像还是视频)是Dynamic Media最重要和最明显的用例之一。 更轻的页面加载速度更快,在移动网络上表现更好,并在跨设备提供更流畅的体验,所有这些都有助于更强大的参与度和转化结果。

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

由于富媒体主导着页面权重,因此优化90%就是Dynamic Media的重点。 核心概念是​一个具有多个投放选项的主资源文件,此方法对于降低页面总体权重至关重要。

单一主文件方法

单个主要资产可以同时为多个表面供电。 例如,可以在以下位置重用一个产品图像:

  • 产品详细信息页面
  • 缩略图页面
  • 购物车
  • 搜索网格

主文件方法
监视文件是一个主资源文件,但会动态创建它的多个演绎版(而不是副本)。

这种重用非常高效,并确保在出现资产的每个体验间都保持视觉一致性。

Dynamic Media通过单文件方法解决的问题

问题
Dynamic Media解决方案
创建并存储每个资产。
使用单个图像文件,仅在投放时自动创建所需的演绎版。
存储成本高。
无需创建和存储资产的多个副本。
难以维护监管链。
确保交付设备优化且一致的体验。
无版本历史记录。
维护单个真实来源,因此每个演绎版可追溯到一个主要资源,并且更新会传播到使用该资源的每个地方。
跨设备的品牌体验不一致。
从一个主文件提供设备优化呈现版本,确保品牌在不同屏幕、分辨率和外形规格上的外观都相同。
重复资产创建的不必要成本。
在投放时动态生成变量,无需委托、批准和存储同一资产的重复项。

为什么复制资产会产生隐藏成本

当团队为每种体验创建单独的资产时,一个起始图像通常变为20、30或40个存储的变体 — 每个变体都必须付费并进行管理。 然后,团队必须确保在每个上下文中使用正确的图像,这直接影响品牌一致性。 当无法找到图像时,团队最终会再次复制资产,从而增加存储和协调成本。

单文件方法的优势

Dynamic Media会动态地从该起始图像创建图像的变体。 Creative团队可以灵活地处理主要资产,而无需反复与图形设计团队或照片制作室协调以生成更多内容。 这直接降低了生产成本并缩短了上市时间,因为演绎版是按需求生产的,而不是预先构建和存放的。

使用单文件方法时,单个主文件可为每个下游版本提供支持。 只有在将网站、资产和客户体验交付给客户时,才会生成这些网站上所需的演绎版。 此效率可大幅减少资产所需的存储空间并降低工作流的整体复杂性。 Dynamic Media的交付系统可确保优化每个图像和视频,使其快速加载,并在所有屏幕和设备上呈现出卓越的外观。

用例:视频

Dynamic Media可处理数字商业中最苛刻的资源类型之一: 视频。 视频资产由于其文件大小大、格式要求多、需要在各种设备、屏幕分辨率和网络条件下平稳呈现,因此在管理、存储和分发方面本质上非常复杂。 如果没有自动管道,团队通常面临手动转码、播放质量不一致以及加载时间缓慢等问题,所有这些都会直接影响品牌认知和转化。

问题
Dynamic Media解决方案
难以管理和投放针对各种设备优化的视频。
使用​单一主视频,该主视频会自动调整所有设备、屏幕分辨率和方向的尺寸并重新设置格式。
由于用户的可用带宽,视频停滞或播放质量不高。
通过​ HTML5播放器 ​交付视频,该播放器可​ 自动检测可用带宽 ​并动态调整流质量(自适应比特率流)以确保高保真度以及流畅、无中断的播放。
手动创建视频的所有版本以确保跨设备良好显示和回放非常耗时而且不可行。
使用简化的自动化工作流程,消除繁琐的​ 转码 ​工作(将源视频转换为多种编码格式和分辨率的过程)的时间。
释放团队的产能,用于价值更高的创意和战略工作,因为生产团队不再需要手工制作特定于设备的演绎版。

在访问Dynamic Media时,客户希望解决以下问题:

“我的公司有视频,但避免发送。 测试显示视频质量不一致。 这会影响品牌和转化。”

不一致的播放会削弱用户信任并增加跳出率,因为访客将停滞或低质量的视频解释为产品或品牌质量不佳的信号。 Dynamic Media的解决方案是采用一个主视频文件,让Dynamic Media通过其自动的​ 转码 ​进程生成所有所需的大小和编码。 然后,该输出与Dynamic Media的​ 智能视频播放器 ​配对,该播放器根据设备和连接实时选择最佳演绎版。

因此,无论视频出现在主登陆页面、类别页面还是产品详细信息页面,此工作流都可以保证在任何地方都能实现一致的高质量播放,从而帮助维护品牌完整性并支持在整个客户历程中实现更强劲的转化性能。

下面是需要考虑的更多用例。

用例:单一的真实来源

问题
Dynamic Media解决方案
数字资产分散在组织内,孤立在不同的团队或业务部门中。
在​ 单个中央存储库 ​中存储和管理所有数字资产,为每个团队提供一个权威源。
团队成员下载并创建本地版本。
团队成员从​ 一个主文件 ​中创建​ ,并且 ​跨屏幕大小和设备提供所需的每个版本。
为每个体验和设备创建的一次性资产。
消除一次性资产,这将减少重复的生产工作并降低创建这些资产的时间和成本。

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

问题
Dynamic Media解决方案
手动裁切、调整图像或视频大小以及重新设置其帧以突出显示焦点并在所有屏幕大小和设备上正确显示非常耗时且耗费大量人力。
使用Adobe人工智能(AI)功能Dynamic Media中的​智能裁切,自动识别任何图像或视频中的焦点(可视主题或目标点),然后智能地裁切它周围以保留每个演绎版中的焦点。
浪费的时间可以更好地用于创造高影响力的体验。
捕获目标兴趣点,而不考虑屏幕大小,因此创意团队可以将工作重定向到设计高影响力的营销活动,而不是重新格式化资产。
为每个体验和设备创建的一次性资产。
消除重复的手动生产工作,同时提供高质量、快速加载的图像和视频,支持更强的参与度和转化,在台式机、平板电脑、手机和其他屏幕尺寸上锐利、一致地呈现。

用例:交互式媒体创作

问题
Dynamic Media解决方案
平面和静态客户体验​无法吸引受众、建立忠诚度或促进转化。
使非技术用户能够轻松无缝地添加交互元素,如​热点、轮盘​和​旋转集,从而在不涉及开发人员的情况下提供更动态、更吸引人的购物和浏览体验。
投资回报有限​来自未充分利用的数字资源和乏善可陈的客户体验。
通过将静态数字资产转变为交互式富媒体体验(吸引购物者的注意力)、鼓励产品探索以及减少对额外创意生产的依赖,推动更高转化率和更强劲的投资回报。

资产如何通过Dynamic Media系统流动 dm-journey-c

典型的​ Dynamic Media ​工作流通过三个连续的阶段移动资产:(1)创建、(2)创作/上传​和​(3)优化和发布。 最终结果是从集中式​ Dynamic Media服务器 ​跨Web、打印、电子邮件、桌面和移动渠道动态交付单个​主要资产。

资产如何通过Dynamic Media系统流动。

1. 创建阶段 — 生成主资产

工作流从创建阶段开始,目标是生成高质量的​主资产。 这些主要资产通常源自:

Dynamic Media工作流

  • 专业照片拍摄
  • 视频供应商和生产合作伙伴
  • 为项目生成的音频文件

Adobe Creative Suite​应用程序支持此阶段,包括​Adobe InDesign、Adobe Photoshop​和​Adobe Illustrator,这些应用程序用于在源内容进入Dynamic Media系统之前设计、润饰和完成源内容。

2. 创作阶段 — 上传到Dynamic Media

创建完成后,完成的资产将上传到​ Dynamic Media ​中的“创作”解决方案。 在此阶段中,已配置正确的​ 图像预设 ​和​查看器,并将其与网站上的各种网页对齐,因此每个资产将按照其预期放置位置以适当的大小、质量和交互行为呈现。

3. 发布阶段 — 优化和多渠道交付

在最后一个阶段,已优化内容并将其发布到​Dynamic Media服务器。 此优化为动态交付准备资产,从而能够在每个输出渠道中高效地重用单个主文件。 发布后,该资产便可用于交付到:

  • 网页​和响应式网站
  • 打印​作品
  • 电子邮件​营销活动
  • 桌面​体验
  • 移动设备​设备

这种集中化的“一次发布、随处交付”模型可确保跨渠道的可视化一致性,同时减少存储和管理每个目标的单独呈现的需要。

将Assets上传到Dynamic Media

创建主资产后,将其上传到Dynamic Media。 文件类型、格式和大小​是决定Dynamic Media如何处理并交付资产的关键属性。 上载时,请确保从​ 单文件支持 ​模型中提取最大值。

例如,下面的监视图像测量了​4560 x 3020像素。 即使您从未打算以全尺寸显示图像,也仍应以最高可用分辨率上传图像。 源图像越大,Dynamic Media可在每个演绎版中提供的质量就越好(一直到最小缩略图),因为Dynamic Media可以从高分辨率主图像缩减采样,而不会引入伪像。 请记住以下重要原则:您可以轻松​ 降低 ​现有图像的分辨率,但尝试​ 提高 ​低分辨率图像的分辨率会产生不满意的像素化结果。

资源上传的注意事项

建议上传到Dynamic Media的格式

推荐的文件格式: Adobe建议以​ 无损格式 ​上传资源。 避免将​ JPEG ​作为源格式,因为每次交付或保存JPEG时,图像质量都会因压缩有损而降低。 相反,以无损格式显示的最高分辨率图像开始。 首选格式通常为:

  • TIFF(标记的图像文件格式)
  • PNG (可移植网络图形)

色彩空间注意事项:​在规划数字渠道或Web交付时,默认色彩空间为​RGB(红色、绿色、蓝色),这与屏幕使用光呈现颜色的方式相对应。

大多数用户不会考虑以​ CMYK(青色、洋红色、黄色、密钥/黑色) ​交付资产,或者他们为什么需要这样做。 CMYK是印刷材料的标准色域,因为它对应于胶版和数字印刷机中使用的油墨。 但是,Dynamic Media支持在两种色彩空间中进行交付。

许多客户仍依赖打印制作,包括:

  • 仓库批发俱乐部​生产成员目录
  • 杂货店​打印每周传单和通告

这些客户需要在RGB和CMYK中使用他们的图像。 传统上,满足此要求意味着维护两个单独的文件:一个RGB版本和一个CMYK版本。 但是,使用Dynamic Media,您可以直接上传CMYK资源,Dynamic Media将通过图像预设或颜色配置文件自动交付RGB资源。 这消除了创建和管理同一文件的多个版本的需要,保留了​一个主资源文件的核心原则,其中具有多个传递选项。

发布和预览资源

在Dynamic Media中发布资源

将资产上传到Dynamic Media后,发布这些资产,以便它们可以交付到任何面向客户的体验中。 要手动发布,请执行以下操作:

  1. 在Dynamic Media中选择已上传的资源。
  2. 单击​ 发布 ​或​快速发布。

由于未发布的资产不通过Dynamic Media的交付层提供,因此无法从实时网页引用,因此无论您打算在任何体验中使用资产,都需要发布资产。 资产发布后,便可通过两种方式将其包含在网页中:

  • 复制​ Dynamic Media生成的URL ​并直接引用它。
  • 复制​ 嵌入代码 ​并将其粘贴到页面标记中。

上传时自动发布

除了手动工作流程之外,Dynamic Media还支持自动发布。 您可以将Dynamic Media配置为在上传时即时发布资产,而无需任何用户干预。 这消除了手动发布步骤,并缩短了从摄取新资产到使其可用于Web交付之间的时间。

预览资源演绎版

上传后,Dynamic Media会提供多种方法来预览资源的演绎版。 预览会显示客户在资产嵌入到生产环境之前看到的内容,这有助于验证裁切、大小调整、查看器行为和总体视觉质量。

使用图像预设预览

常用的预览方法使用​图像预设:

  1. 在Dynamic Media中选择资产。
  2. 打开其​呈现版本。
  3. 选择​图像预设(例如,“大”)。

生成的URL路径包含图像预设名称(如“Large”),并且是在网页中使用的URL。

预览基于大型图像预设的资产演绎版
根据选定的“大”图像预设预览资源的演绎版。 生成的URL路径包含“大”图像预设名称,并在网页中使用。

上述URL是实时的! 尝试它。

使用查看器预设预览

另一种预览资源的方法使用​查看器预设,这些预设在交互式HTML5查看器中呈现资源:

  1. 选择图像资源。
  2. 选择​ 查看器 ​预设(例如,“ZoomVertical_light”)。
  3. 使用URL和嵌入按钮复制投放URL或嵌入片段。

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

以上演绎版是实时的! 尝试它。

可选 — 了解详情

本文档的第一部分介绍了Adobe Experience Manager中Dynamic Media的基础知识,这项功能旨在跨Web、移动和连接渠道提供响应式、交互式富媒体(包括图像、集合和视频)。 要加深您对第一部分中介绍的概念的了解,请使用以下精选资源。 这些补充材料详细介绍了Dynamic Media工作流程、配置和投放模式。 否则,请继续阅读本文档的第二部分。 查看此Dynamic Media历程的后续内容。

Dynamic Media教程

  • 将Dynamic Media与Experience Manager Assets结合使用 — 功能视频和引导式演练,演示如何直接在Adobe Experience Manager Assets中启用、配置和应用Dynamic Media功能,包括资产摄取、图像预设和动态交付。
  • Adobe Experience Manager内容库(在​ Dynamic Media ​上搜索) — 一个更广泛的Experience League学习中心,通过搜索​ Dynamic Media ​为管理员、开发人员和营销人员查找基于角色的学习路径,可筛选推荐的教程、课程和文章。

Dynamic Media查看器

  • 每个查看器的实时演示 — 每个Dynamic Media查看器类型(如缩放、旋转、视频和轮播查看器)的交互式、工作演示,可用于在生产网站上实施之前评估查看器外观、用户交互和行为。

此Dynamic Media文档中的后续内容 whats-next

本文档的第二部分继续了Dynamic Media历程,从技术角度更深入地重点关注资产交付和多资产查看器体验。 具体来说,第二部分包括:

  • Dynamic Media URL — 仔细检查URL结构和参数,以便您了解请求和交付资产时后台确切发生的情况。
  • 图像预设 — 创建预设的基础知识,这些预设可按照每个投放上下文所需的大小、格式和质量动态呈现资产。
  • 图像集 — 如何创建集,以允许用户在单个交互式查看器中从多个角度或变量查看产品或资产。
  • 旋转集 — 如何组合可产生360度旋转观看体验的图像序列。
  • 混合媒体集 — 如何将不同的资产类型(如图像、旋转集和视频)组合到一个统一的查看器中。

总之,这些主题直接基于第一部分引入的基本概念来构建,并帮助您配置更丰富、交互性更强的Dynamic Media体验。

继续Dynamic Media:基础知识,第二部分。

recommendation-more-help
experience-manager-cloud-service-help-main-toc