[AEM Assets]{class="badge positive" title="适用于AEM Assets)。"}
Dynamic Media 最佳做法 about-dm-best-practices
-
您是 Dynamic Media 的新手吗? 如需快速、全面地了解 Dynamic Media,请参阅使用 Dynamic Media。
-
遵循 Dynamic Media 最佳实践,以获取最大价值。
-
试用带有快照工具的 Dynamic Media 图像功能。
-
使用自适应视频确保视频播放流畅。
-
使用智能裁剪自动裁剪图像。
-
使用智能裁剪自动裁剪视频。
-
传递交互式 3D 体验。
Adobe Experience Manager (AEM)上的Dynamic Media是一个全面的数字资源交付解决方案,它可以在每个渠道和设备上优化资源、处理个性化并提供一致、高性能且与品牌一致的体验。 如今,组织面临着吸引用户的渠道和接触点激增 — 客户历程现在涵盖实体商店、Web、移动设备、社交媒体、电子邮件和商务 — 而Dynamic Media从单一真实来源解决这一复杂性。
Dynamic Media的关键原则
以下核心功能定义了Dynamic Media的运行方式以及它跨企业工作流进行扩展的原因:
- 单个文件方法:使用Dynamic Media,您可以存储一个主源文件,并且在交付时动态生成并优化所有大小变量、演绎版和可视化转换。 此方法降低了存储成本,消除了重复的派生资产,并消除了与维护多个预呈现版本相关的工作流复杂性。
- 全局交付: 智能成像,在内容交付期间应用,可在不影响视觉质量的情况下减小图像文件大小和页面总重量。 它针对网络带宽条件和设备像素比进行了优化,从而确保跨地域和设备更快的加载时间以及更好的Core Web Vitals。
- 人工智能(AI)支持: 智能裁切是AI支持的功能,可自动为图像和视频裁切主题感知内容。 这消除了手动裁切工作,并高效地扩展了企业目录,在这些目录中,数千项资产必须适应多个纵横比。
- 视频支持:将主源视频上传到Dynamic Media并自适应地跨多种语言流式传输,同时支持描述性音频轨道。 自适应流播放可确保播放质量自动匹配每个查看者的带宽和设备功能。
- 体验查看器库:自定义图像和视频的体验查看器和品牌体验查看器,以便将其无缝集成到您的数字店面、产品页面和营销体验中。 这些查看器支持交互功能,例如缩放、平移、热点和360度旋转集。
- 新兴格式支持: Dynamic Media支持交付3D和全景体验,从而扩展了平面图像和视频以外的资产工作流,以支持沉浸式商务和产品可视化使用案例。
应用这些最佳实践
在探索Dynamic Media历程时,查看下面的最佳实践综合列表可帮助您充分利用其功能。 使这些Dynamic Media最佳实践适应您的特定上下文和项目要求,以优化跨渠道和设备的体验。
将资产摄取到Dynamic Media
业务案例: 有效地管理大量资产,并确保只向最终用户提供相关的批准内容。
Dynamic Media提供了两个互补控件(选择性同步和选择性发布),它们一起让数字资产管理(DAM)团队能够准确地管理哪些资产进入投放管道,以及哪些资产最终进入面向客户的渠道。 这两项功能可简化大型资源库的管理,并确保只有适当的授权内容才能惠及最终受众。
-
选择性同步:
选择性同步是一种主动式的引入端控制,可让管理员选择要与Dynamic Media同步的资产。 例如,团队只能同步那些包含已获得最终批准的资产的文件夹,例如包含已敲定的季节性活动图像、特定于区域的产品照片或法律许可的营销创意的文件夹。 此工作流可确保仅经审查的内容进入Dynamic Media环境,并帮助团队保持对准备交付给客户的资产的控制。 -
选择性发布:
在同步资产后,选择性发布功能可让您在交付端控制对最终客户可见的资产。 与控制进入Dynamic Media的项目的“选择性同步”不同,“选择性发布”控制向公共渠道出口的项目。 此功能使团队能够确定哪些批准的资产通过其渠道交付,确保受众在营销活动生命周期中的适当时刻只能看到最相关的品牌上内容。
选择性同步和选择性发布的主要优势
这两个最佳实践共同提供了:
- 在整个引入至传递管道中对资产可见性进行更严格的治理。
- 降低了将未批准、已过期或品牌外内容发布到实时渠道的风险。
- 通过缩小主动管理下的资产工作集,提高了DAM、营销和营销团队的生产率。
- 品牌一致性更高,因为只有经过审核和批准的创意内容才能触及客户接触点。
结果,营销和数字运营团队比他们的富媒体内容获得了更细粒度的治理和生产力,同时降低了管理尚未准备好供公众使用的资产的运营开销。
有关分步配置指导,请参阅在Dynamic Media中配置文件夹级别的选择性发布。
Dynamic Media 查看器
Dynamic Media Viewer最佳实践可优化Adobe Experience Manager (AEM)上Dynamic Media资源的性能、功能和用户体验。 这些准则涵盖资产同步、发布、智能裁剪、将视频自动播放设为静音、正确的JavaScript包含以及特定于查看器的嵌入 — 这些核心区域将决定Dynamic Media查看器是否能在生产环境中可靠地呈现。
遵循这些实践可实现无缝集成、高效的资产管理以及跨浏览器和设备的一致查看器交互。 同步资源、应用智能裁剪以及遵守JavaScript文件包含规则,所有这些都可保护运行时环境中媒体交付的完整性和可靠性。
-
同步查看器Assets:
在使用播放器之前,将所有查看器资源与Dynamic Media同步。 未同步的资源是运行时图标缺失、样式损坏或预设无法正常工作的常见根本原因。- 访问位于
/libs/dam/gui/content/s7dam/samplemanager/samplemanager的示例管理器页面。 此页面重新同步查看器的资产,包括标准图标、CSS文件和预设。 - 如果遇到查看器问题,请转到Dynamic Media查看器疑难解答文章。
- 访问位于
-
发布Assets:
在投放查看器中查看资产之前,请先发布资产。 这可确保投放层在查看器请求资产时能够提供该资产;公共查看器运行时无法解析未发布的资产。 -
自动播放视频已静音:
对于视频中的自动播放功能,请使用静音视频设置。 现代浏览器会阻止自动播放启用了音频的视频,因此需要静音播放才能自动启动视频而无需用户交互。 -
智能裁剪:
使用用于智能裁剪的 图像v3组件 增强图像资产呈现并在响应式断点间生成可感知焦点的裁剪。 -
JavaScript文件包含:
页面上仅包含主查看器JavaScript文件。 请勿引用查看器的运行时逻辑自行下载的其他JavaScript文件。 具体而言,请勿从/s7viewers上下文路径直接链接到HTML5 Software Development Kit (SDK)Utils.js库 — 一种称为 consolidated SDK include 的模式,在该模式中,页面对对Utils.js的直接引用进行硬编码,而不是让查看器加载它。 查看器的逻辑管理Utils.js和其他运行时查看器库的位置,这些位置可以在版本之间更改。 Adobe不会保留服务器上包含的旧版本辅助查看器,因此直接引用这些版本会在以后的更新中破坏查看器功能。 -
嵌入准则:
使用文档嵌入特定于每个查看器的准则,因为嵌入代码、参数和初始化模式因查看器类型而异。
想要了解更多信息? 转到AEM Assets🔗的查看器。 -
SDK教程和示例:
查看Viewer SDK教程和HTML5 SDK应用程序示例,以全面了解SDK组件API。
准备资产以进行交付
组织您的资源
业务案例: 要简化工作流,请高效组织资产。
要获得可简化工作流的高效资产组织,请使用以下一个或多个最佳实践:
- 在文件夹中组织资源:
有效的资产组织从将资产分类到文件夹开始,就像计算机上的文件组织一样。 正确的命名、周到的子文件夹结构化和这些文件夹中规范的文件管理对于高效的资产处理至关重要,因为可预测的层次结构使资产更易于查找、批处理和管理。 实施系统的 命名约定 和 元数据惯例 可在数字资产存储库扩展时最大化其效用。
想要了解更多信息? 转到整理文件夹中的资源。 - 使用标记组织资源:
标记资产可增强可搜索性、收藏集创建和搜索排名,因为标记良好的资产更易于在相关结果中检索、分组和显示。 Adobe AI将相关标记(包括自定义标记)分配给资源,通过自动的描述性标记简化资源管理,从而减少手动操作并维护大型库间元数据的一致性。
想要了解更多信息? 转到使用标记整理资源。 - 将资源组织为收藏集:
通过 Dynamic Media 以及Experience Manager Assets,可以在用户之间高效地创建、编辑和共享资源集合。 建立多个集合类型,包括 静态列表 和基于搜索的动态编译。 通过可自定义的访问和编辑权限跨多个位置和团队共享这些收藏集,这支持受控协作,同时保留资产治理。
想要了解更多信息? 转到将资源组织为收藏集。 - 使用配置文件组织资源:
处理配置文件是一个自动规则集,它处理指定文件夹中的资产,在添加资产时通过应用一致的处理(例如演绎版、元数据分配和命名)来简化组织。 由于用户档案依赖于可预测的输入,因此,随着数字资产收藏集的扩展,标准化元数据、文件名和文件夹结构可确保一致且准确地应用这些用户档案。
想要了解更多信息? 转到使用个人资料整理资源。
优化图像质量
业务案例: 从Dynamic Media获取高质量的图像。
在Adobe Experience Manager Dynamic Media中提高图像质量取决于几个相互关联的因素,并且此过程通常非常耗时。 但是,应用既定的最佳实践始终可以改善视觉输出。 需要重点关注的关键领域包括:
- 最佳图像大小 — 将像素尺寸与显示上下文匹配以避免不必要的缩放。
- 图像锐化 — 对预期的输出大小和介质应用适当的锐化技术。
- 最佳图像格式 — 选择平衡质量、文件大小以及浏览器或设备兼容性的文件格式。
有关上述每个方面的更深入指导,请参阅优化图像质量的最佳实践。
由于对图像质量的感知因人而异,因此采用系统化、测试驱动的实验方法对于获得可重复、高质量的结果至关重要。 为了支持此过程,Adobe Experience Manager提供了100多条Dynamic Media命令用于图像增强 — 一系列控件允许团队根据每个资源微调锐化、颜色、压缩、裁切、调整大小和其他渲染行为。
有关这些功能的简要概述,请观看Dynamic Media快照(3分钟17秒)。
要评估每个命令对最终渲染图像的影响,用户可以将图像上传到Dynamic Media,在指定的URL处打开该工具的界面,并应用要测试的命令。 通过这种实际操作比较,可更轻松地在大规模发布之前确定可生成所需视觉结果的确切参数组合。
要直接试验,请启动Dynamic Media快照。
对应用于图像的样式进行标准化
业务案例: 有效地标准化应用于我的图像资产的样式和转换。
在Dynamic Media中定期使用图像预设,以一致且动态地调整资产出现的每个渠道的图像大小、格式和属性。 图像预设是一组命名的、可重用的命令,可用于调整大小和格式设置 — 定义后,可以按需应用预设,以便以每个表面所需的精确演绎版交付相同的源资产,而无需生成和存储多个派生文件。
在实践中,图像预设控制属性,例如:
- 维度 — 投放的演绎版的宽度、高度和纵横比。
- 格式 — 最适合目标设备或浏览器的输出图像格式。
- 图像属性 — 在渲染时应用的质量、锐化、颜色和其他视觉转换。
由于预设是动态应用的,因此原始主资产保持不变,并且单个源可以动态生成每个所需的变体。 这可以确保跨店面、营销面和营销活动的视觉一致性,同时减少手动生产工作。
例如,图像预设为桌面和移动设备体验自动调整产品图像大小和格式 — 相同的产品照片可以在桌面上作为大型主页图像交付,在移动设备上作为适当大小、优化的演绎版交付,所有这些都受相同的命名预设的约束。 因此,团队可以强制实施统一的外观,缩短生产周期,并简化更新:只需更改一次预设,使用它的每个图像都会继承新的处理方式。
想试试吗? 转到创建图像预设的基础知识以渲染资产
调整图像和视频的焦点和帧设置
业务案例: 确保我的图像或视频的主要兴趣点跨设备保持焦点。
智能裁切的工作原理
智能裁切是 Dynamic Media 中的自动裁切功能,由Adobe AI、Adobe的人工智能和机器学习框架提供支持。 智能裁剪会自动在图像或视频中标识并保留主要主题或目标点,然后重新设置资产帧,以便在视区更改时焦点保持居中和可见。
主要功能包括:
- 自动主题检测: Adobe AI分析每个资源以找到主要可视主题,从而消除每个断点的手动裁切决策。
- 响应式框架:该功能在台式计算机、平板电脑和移动设备中保持焦点,因此查看者始终能够看到预期的构成。
- 适用于图像和视频:智能裁剪支持静止的图像和视频内容,扩展了跨媒体类型的一致帧行为。
- 设备优化投放:每个查看者都会收到与其屏幕相匹配的经过适当裁剪的演绎版,该演绎版支持更快地感知消息,增强视觉参与度。
这很重要,因为单个主页图像或视频通常需要跨多个宽高比显示 — 宽大的桌面横幅、方形社交图块和高高的移动设备屏幕。 由于没有智能裁剪,主裁剪对象可能会偏离框架或难以切片。 智能裁剪通过将焦点设为每个演绎版的锚点来防止出现这种情况。
最佳实践:使用智能裁剪创建图像配置文件
创建配置为智能裁切的图像配置文件。 在配置文件中:
- 定义需要支持的屏幕大小和长宽比。
- 让Adobe AI处理每个定义大小的检测和重新组帧。
- 发布一次并响应地投放 — 该配置文件确保每个图像和视频都针对查看者的设备进行了优化,而无需额外的手动工作。
这种方法集中了裁剪逻辑,减少了生产开销,并跨每个渠道保持品牌展示的一致性。
了解详细信息
想要了解更多信息? 观看在AEM Assets Dynamic Media中使用智能裁切(6分钟35秒)和在视频中使用Dynamic Media智能裁切(6分钟22秒) — 两个演练都演示了Adobe Experience Manager (AEM) Assets中的智能裁切。
改进SEO排名
业务案例: 配置Dynamic Media以获得改进的SEO排名。
始终应用以下建议,以使您的图像有效地为您的整体SEO策略作出贡献。
-
有意义的图像文件名:
使用反映图像内容的描述性富关键字文件名。 例如,- 使用
myCompany-Silver-Wrist-Watch - 避免使用
myCompany_Silver_Wrist_Watch或myCompanySilverWristWatch
描述性文件名可帮助搜索引擎解释图像上下文,这直接提高了SEO性能。 Google在文件名中首选使用连字符,而不使用下划线或空格,因为连字符会被解析为单词分隔符,而下划线则不会。 此外,应避免在文件名中串联单词,因为串联字符串会遮蔽爬虫依赖的单个关键词。
- 使用
-
自定义域:
实施包含您的公司或品牌名称的 自定义域 以增强品牌认知度、域权威和用户信任。 例如,- 使用
http://images.mycompany.com/is/image/companyname/ - 避免使用
https://s7d1.scene7.com/is/image/folder/AdobeStock_28563982
品牌域名会在URL本身中显示您的公司名称,为搜索引擎和用户提供一个即时信号,表明其所有权和相关性。
- 使用
-
SEO友好的文件夹结构:
在包含公司或品牌名称的文件夹层次结构中组织您的图像以便更好地编制索引,例如http://images.mycompany.com/is/image/companyname/。 简洁的语义路径可帮助爬虫了解网站架构并将资产与正确的品牌实体相关联。 -
Dynamic Media规则集:
使用 规则集 根据设备类型、图像格式或请求上下文等因素有条件地转换URL,从而增强SEO和用户体验。
想要了解更多信息? 转到使用规则集转换URL。 -
智能成像和智能裁切:
在Dynamic Media中使用 智能成像 和 智能裁切 功能来提供针对每个设备和视区定制的优化响应图像。 这些功能会减小有效负载大小并加快页面加载时间,并且由于页面速度是与Core Web Vitals绑定的已确认Google排名信号,因此加快交付速度会增强SEO排名,从而产生直接下游效果。
想要了解更多信息? 转到智能成像,或观看在AEM Assets Dynamic Media中使用智能裁切(6分钟35秒)。
这些最佳实践与 Google的图像SEO最佳实践 直接对应,后者强调通过适当的命名约定、结构化数据和优化的图像交付,为搜索引擎提供上下文和清晰度。 遵循Google自己的指导是搜索结果中实现持续图像可见性的最可靠途径。
想要了解更多信息? 转到Google的URL结构最佳实践和Google图像SEO最佳实践
使用命令动态增强图像并创建视觉效果
商业案例: 将丰富的视觉效果应用于图像。
Dynamic Media提供了一套统一资源定位器(URL)命令,可增强图像并根据需要生成视觉效果,而无需存储多个静态资产变体。 以下部分解释了核心图像转换流程,并为每个流程提供了有效的URL示例。
源图像内的效果
- 将原始图像上传到Dynamic Media。
- 确认资产已发布并通过公共URL可访问。
- 在此示例中,将白色背景中手表的库存图像(指定为“图像X”)上传到Dynamic Media。
https://s7g2.scene7.com/is/image/genaibeta/watch-silver-offer
- 构建定义主题(应用效果的区域)和背景(要更改的区域)的掩码。
https://s7g2.scene7.com/is/image/genaibeta/watch-silver-offer-maskps - 掩码通常是灰度图像,其中白色表示主题,黑色表示背景。 使用Adobe Photoshop等工具创建掩码。
有关进一步指导,请参阅在Photoshop中创建和编辑快速掩码。 - 对于“图像X”,构建一个可以精确概述用于增强的主题的蒙版,例如人或产品对象。
准备好蒙版后,应用URL命令以添加 外发光 或 背景颜色更改 等效果到“图像X”。 下面是两个示例:
- 外辉光效果:
若要沿着主题边界添加外辉光,请将URL结构如下:
https://s7g10.scene7.com/is/image/genaibeta/watch-silver-offer?mask=watch-silver-offer-maskps&maskUse=invert&effect=-1&pos=100,100&op_blur=75&op_grow=1&opac=25
在此URL中,op_blur、op_grow和opac参数组合生成外辉光 — 分别控制模糊半径、主题边缘以外的辉光增长和不透明度。 - 背景颜色更改:
若要交换背景颜色,请在URL中提供其他颜色值:
https://s7g10.scene7.com/is/image/genaibeta/watch-silver-offer?mask=watch-silver-offer-maskps&maskUse=invert&maskUse=invert&color=255,255,0
在此示例中,color=255,255,0使用标准 RGB(红色、绿色、蓝色) 值将背景设置为黄色。 可替代任意RGB三元组以匹配品牌调色板或季节性营销活动。
添加图像边框
Dynamic Media通过URL参数直接处理图像,使其成为无需重新生成源资产即可提供动态数字体验的强大工具。 以下示例以基本图像URL开头: https://s7g2.scene7.com/is/image/genaibeta/ocean-facing-hotel。
https://s7g2.scene7.com/is/image/genaibeta/ocean-facing-hotel?size=400,400&extend=10,10,10,10
在此URL中,
extend=10,10,10,10参数在所有四侧(上、右、下、左)添加 10像素边框。https://s7g2.scene7.com/is/image/genaibeta/ocean-facing-hotel?size=400,400&extend=10,10,10,10&effect=-1&op_blur=60&color=0,0,0
在此URL中,
effect=-1参数将启用效果图层,并且op_blur=60将设置模糊强度 — 值越高,边缘越柔和,越扩散。https://s7g2.scene7.com/is/image/genaibeta/ocean-facing-hotel?size=400,400&extend=10,10,10,10&effect=-1&$shadow$&color=0,0,0
参数
$shadow$将调用阴影效果,并且color=0,0,0将阴影颜色设置为黑色以便获得与较亮背景的最大对比度。合并和修改这些URL参数,以在产品图像、营销横幅和活动创意中生成所需的视觉效果。
创建图像叠加
要在现有图像上叠加徽标或图标,Dynamic Media提供了使用URL命令的直接方法。 步骤如下。
例如,以下是基本映像:
https://s7g2.scene7.com/is/image/genaibeta/decorative-room-sofa。
以下是具有透明效果的星形对象的透明PNG,在此用作叠加:
https://s7g2.scene7.com/is/image/genaibeta/decorate-star
现在,构建一个Dynamic Media URL,将基本图像与徽标或图标图像组合在一起。 URL命令处理分层。
URL结构如下:
https://s7g2.scene7.com/is/image/genaibeta/decorative-room-sofa?layer=1&src=decorate-star&scale=1.25&posN=0.33,-.25&fmt=png
资产所在的位置
hotspotRetailBaseImage是基本映像。starxp是徽标/图标图像。layer=1将徽标或图标作为第一层放在基本图像上方。scale=1.25将徽标/图标相对于其本机大小放大25%。posN=0.33,-.25设置徽标/图标相对于基本图像尺寸的规范化位置。fmt=png以PNG格式输出复合,并保留透明度。
有关其他详细信息,请参阅src,以了解有关src命令和其他Dynamic Media URL命令的详细信息。
覆盖促销文本
以下步骤使用Dynamic Media的文本运算符(遵循与Web渲染中的HTML(超文本标记语言)和CSS(层叠样式表)处理的富文本约定类似的富文本约定)在图像上叠加促销文本消息。
https://s7g2.scene7.com/is/image/genaibeta/leather-sofa
https://s7g10.scene7.com/is/image/genaibeta/leather-sofa?layer=1&posN=-0.3,-0.455&text={\rtf1\ansi{\fonttbl{\f0+Arial;}}{\colortbl+\red255\green255\blue255;}\copyfit1000\vertalc\qc{\cf0\fs42+New+Collection}}&size=370,70&textAttr=130&bgcolor=FF3333&wid=600&hei=600
调整大小并裁切各种用例
图像大小调整基础知识
调整图像大小会更改图像的尺寸、分辨率和文件大小。 主要考虑因素包括:
- 像素合成:
数字图像由称为 像素 的小点组成。 每个图像在创建时包含固定的像素数。 调整大小可添加或减去像素,以更改图像的尺寸、分辨率和文件大小。 - 宽高比:
保留宽高比(宽高比)可防止失真。 无论是放大(放大)还是缩小(缩小),保持纵横比均可确保各个投放位置之间的视觉一致性。 - 质量注意事项:
调整大小会直接影响图像质量。 避免急剧放大,因为它会产生可见的像素化。 相反,以较大的本机大小和分辨率重现源。 对于较小的演绎版,请使用适当的工具来保持锐利度和细节。
裁切与调整大小
裁切和调整大小是互补的Dynamic Media技术,可针对各种用例(包括缩略图、产品显示图像和主页横幅)转换图像。
- 裁切:
删除部分图像以更改其构成和框架。 裁剪不会缩放剩余的像素;而是将注意力集中在所选区域。 - 调整大小:
更改整个图像的尺寸、分辨率和文件大小,同时保留宽高比。
以下用例将这两种技术都应用于起居室图像:
- 原始客厅图像:
https://s7g2.scene7.com/is/image/genaibeta/decorative-room-sofa - 缩略图(200像素x 200像素):
适合在网格和目录中快速加载或紧凑显示的较小演绎版。
https://s7g10.scene7.com/is/image/genaibeta/decorative-room-sofa?wid=200&hei=200&fit=crop - 带有裁切的缩略图(200像素x 200像素):
裁剪以专注于沙发区域。
https://s7g10.scene7.com/is/image/genaibeta/decorative-room-sofa?wid=200&hei=200&cropN=.24,.24,.6,.72&fit=crop - 产品显示图像(800像素x 600像素):
裁切和调整大小以在产品详细信息页面上展示沙发。
https://s7g10.scene7.com/is/image/genaibeta/decorative-room-sofa?wid=800&hei=600&cropN=.24,.24,.6,.72&fit=crop - 横幅(1720像素x 820像素):
从原始图像派生而来,强调适合主页位置的较宽房间构成。
https://s7g10.scene7.com/is/image/genaibeta/decorative-room-sofa?wid=1720&hei=820&cropN=0,.1,1,1&fit=crop
这些变体支持常见的展示上下文,包括电子商务列表、主页横幅和缩略图网格。
有关URL中可用命令的完整列表,请参阅命令引用。
投放GIF图像
商业案例: 使用Dynamic Media的GIF流
Dynamic Media支持上传和交付GIF资源,包括动画GIF。 密钥规则: 要渲染动画GIF,请在URL中将is/image替换为is/content。 is/image路径通过图像处理服务器(将文件拼合到单个帧)路由资产,而is/content路径流式传输原始资产二进制文件,保留所有动画帧。
例如,如果您已上传abc.gif,请使用以下URL模式:
静态GIF投放(单帧渲染)
此URL路径通过图像服务器呈现GIF的静态视图,允许标准图像修饰符:
https://your.domain.com/is/image/yourfolder/abc
GIF动画投放(完整动画)
此URL路径通过直接提供原始内容来呈现GIF的动画视图:
https://your.domain.com/is/content/yourfolder/abc
is/content时,图像转换命令未应用于资源。 这是因为is/content处理程序交付了原始的未处理二进制文件,而不是通过图像服务器管道路由该文件,这恰恰保留了动画,但也意味着在此路径上将忽略调整大小、裁切、格式转换和其他图像修饰符。选择正确的路径:
- 在需要图像转换(调整大小、裁切、格式转换)并且可接受静态帧时使用
is/image。 - 当需要保留GIF的动画播放时,请使用
is/content,并接受转换参数将不会生效。
为我的网站发布视频
商业案例: 快速发布营销网站的视频。
-
选择视频配置文件:
首先,在Dynamic Media中,选择合适的视频配置文件。 在Adobe Experience Manager (AEM) Assets的“视频配置文件”下选择可用的 自适应视频编码 配置文件,该配置文件会以不同的比特率和分辨率生成源的多次演绎版。 这些预定义的编码设置可确保在各种设备和带宽条件下优化视频播放。 或者,创建为特定交付要求定制的自定义自适应视频配置文件。 -
分配配置文件:
将所选视频配置文件分配给视频上传所在的文件夹。 此步骤可确保在上传时自动应用正确的编码设置,而无需按资产配置编码。 -
上传原始视频:
上传原始视频文件。 使用具有高图像质量的高分辨率主文件。 由于自适应编码从源获取所有输出演绎版,因此原始演绎版的保真度直接决定每个已发布演绎版的最大质量。 -
预览和发布:
预览视频以确认播放、缩略图和编码输出可正确呈现。 一旦满意,就发布它。 发布功能会在Adobe的交付网络上激活视频,并使网站访客能够访问这些视频。 -
链接或嵌入:
发布后,请选择两个交付选项。- 直接链接:
使用提供的URL直接链接到视频。 在营销网站上相应地添加超链接。 - 嵌入视频:
复制提供的嵌入代码并将其粘贴到应显示视频的网页的HTML中。 嵌入导致视频在页面中内联播放,因此查看者不会被重定向到外部播放器。
- 直接链接:
想要了解更多信息? 转到视频。
配置视频以获得最佳质量和参与
**商业论证:**设置视频以获得最佳质量和参与度。
要提供最高的视频质量并最大限度地提高观看者参与度,请在Dynamic Media中结合使用以下最佳实践策略:
-
使用内置的HTML5视频查看器:
Dynamic Media HTML5视频查看器预设可用作强大、可用于生产环境的视频播放器。 这些预设消除了桌面和移动设备中与HTML5视频播放相关的常见问题。
具体而言,这些预设可解决诸如 自适应比特率流交付 和桌面浏览器访问范围受限等挑战,从而确保在各种客户端环境中提供一致的播放体验。
有关详细指导,请参阅最佳实践:使用HTML 5视频查看器。 -
使用Dynamic Media视频配置文件:
Dynamic Media视频配置文件支持高效的视频管理、一致的输出质量以及跨投放渠道的自适应流式传输。 因此,视频资产在编码、分辨率和投放行为方面保持统一,从而减少手动配置开销。
有关实施详细信息,请参阅Dynamic Media视频配置文件。 -
遵循视频编码的最佳实践:
应用视频编码配置文件,以保留原始源视频质量并避免在编码过程中过度缩放。 这可确保最终输出保持视觉保真度,这对于保持查看器保留率和品牌展示至关重要。
有关技术规范,请参阅视频编码最佳实践。 -
采用自适应流而不是渐进式流:
自适应流根据查看者的Internet连接速度和设备功能实时动态调整视频质量。
它利用行业标准协议,如 HLS (HTTP实时流) 和DASH (HTTP上的动态自适应流),在可变的网络条件下提供最佳播放质量。
与 渐进式流式传输 不同(渐进式流式传输不管带宽波动如何都以线性方式传输视频文件),自适应流式传输可最大限度地减少缓冲,减少播放中断,并提供跨设备的无缝观看体验。 因此,自适应流传输是现代的、以参与为中心的视频交付的首选方法。
将视频国际化,以便使用多语言
业务案例: 准备视频以在全球市场使用多语言。
多语言消费视频的国际化对于触及全球受众至关重要。 Dynamic Media提供了一个内置的工作流,可以为全球各地的查看者准备、本地化并分发视频,让单个源文件为多个区域提供服务,而无需重复生产工作。
-
上传您的视频:
- 首先,创建视频编码配置文件。 您可以使用随Dynamic Media一起提供的预定义 自适应视频编码 配置文件,也可以创建您自己的自定义配置文件,这些配置文件将根据您的比特率、分辨率和编解码器要求进行调整。
- 将视频编码配置文件与您上传主源视频的一个或多个文件夹关联。 这可以确保以一致的方式处理拖放到这些文件夹中的每个资产。
- 将您的主源视频上传到这些文件夹。 Dynamic Media会根据分配的视频处理配置文件自动对其进行编码,从而生成自适应演绎版进行交付。
- Dynamic Media主要支持短格式视频(最长30分钟),最小分辨率大于25×25像素。 可以上载视频文件 ,每个 最多可以上传15 GB。
-
管理您的视频:
- 直接在Adobe Experience Manager (AEM)中整理、浏览和搜索视频资源。
- 从单个界面预览和发布视频资产。
- 查看源视频及其编码的呈现版本和关联的缩略图,以在发布之前确认输出质量。
- 编辑视频属性(如标题、描述和标记)以提高内部可发现性和下游SEO元数据。
-
本地化:
- 对于每个目标地理位置或语言,创建音轨和字幕,以便每个市场中的观众都接收到本机配音的对话框和可读字幕。
- 从AEM界面将这些音频和字幕轨道添加到您的视频中,将所有本地化的变体附加到单个主资源。
- 当用户播放视频时,他们会在运行时选择首选的音频和字幕语言,从而无需托管单独的每种语言视频文件。
-
正在发布:
- 如果您使用AEM作为Web内容管理(WCM)系统,则可以通过本机创作体验将视频直接添加到网页。
- 如果您使用第三方WCM系统,则可以使用Dynamic Media生成的URL或嵌入代码在网页上链接或嵌入视频。
有关管理本地化的播放的其他详细信息,请参阅关于Dynamic Media中视频的多重字幕和音轨支持。
将资产交付给客户
优化图像大小并缩短页面加载时间
业务案例: 优化任何浏览器或屏幕的图像大小并减少页面加载时间。
Dynamic Media 智能成像是一种图像投放功能,它可根据客户端浏览器的功能、网络条件和屏幕分辨率自动优化每个图像的格式、大小和质量,从而提高性能。 由于优化是在请求时进行的,因此每个访客都会收到针对其特定查看环境定制的图像。
Adobe建议使用智能成像的自动功能,而不是手动强制图像格式(如webp或avif)。 原因如下:
- 浏览器兼容性:
智能成像可确保交付的图像格式与用户的浏览器兼容,因为它会在选择格式之前检测浏览器支持信号。 这样可防止在尚不支持新格式的浏览器上出现图像损坏或回退故障。 - 最佳压缩:
智能成像会根据特定的浏览器、网络条件和屏幕分辨率,选择最佳的压缩格式。 因此,文件大小会缩减,而不会出现明显的质量损失,从而减少带宽消耗并加快渲染速度。 - 新式格式:
虽然avif是一种较新的格式,其压缩比旧格式更好,但并非所有浏览器都普遍支持它。 智能成像仅在支持avif的地方为其提供服务,并在其他地方退回兼容格式,从而避免出现兼容性缺口。 - 最佳实践:
为确保每个请求都获得最佳的Web优化格式,开发人员应让智能成像自动选择格式,而不是手动指定命令(如fmt=webp或fmt=avif)。 这消除了维护每个浏览器的渲染逻辑的需要,并使交付与不断演变的浏览器支持保持一致。
由于智能图像会实时调整每个请求的投放,因此会以最有效的方式提供图像,并根据每个用户的浏览环境量身定制。 此方法简化了投放管道并改进了图像加载时间和整体用户体验。
有关其他详细信息,请参阅智能成像。
将资产过帐交付给客户
业务案例: 发布新内容或覆盖现有内容后,如何确保更改立即显示在CDN上?
清除或使CDN缓存失效将强制Dynamic Media资产在投放网络中立即刷新,而不是等待默认的TTL (生存时间)(通常设置为10小时)自然过期。
CDN(内容分发网络)在地理上分散的边缘节点缓存Dynamic Media资产,以便快速将其交付给客户。 将更新发布到这些资产时,这些边缘节点上的缓存副本将继续为以前的版本提供服务,直到TTL过期。 因此,在没有明确失效的情况下,客户可能会在更改生效后的数小时内看到陈旧内容。
缓存失效可通过两种方式解决此问题:
- 立即传播:使缓存失效(或清除)会指示CDN放弃存储的副本,因此下一个请求直接从源中提取更新的资产。 这可确保更改立即显示在网站上。
- 不依赖于TTL过期:团队不需要等待默认的 10小时 窗口,这对于时效性更正、品牌更新或紧急内容替换至关重要。
根据特定用例,还可以调整 CDN TTL 设置 — 例如,缩短频繁更新资产的TTL,或将其扩展到稳定、长生命周期的内容,以在新鲜度和源负载之间取得平衡。
有关详细过程,请参阅通过Dynamic Media使CDN缓存失效。