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

使用具有OpenAPI功能的Dynamic Media优化图像 Optimize-images-using-Dynamic-Media-with-OpenAPI-Capabilities

Dynamic Media with OpenAPI capabilities提供图像优化功能,如Smart Crop、Image Presets和Smart Imaging。 这些功能有助于提供高质量、响应迅速的图像,这些图像可以跨不同的设备和网络快速加载。

智能裁剪 smart-crop-using-dynamic-media-with-openapi-capabilities

智能裁切是Dynamic Media with OpenAPI capabilities的动态大小调整功能。 Smart Crop是一种高级图像处理技术,它使用AI支持的内容感知裁剪来智能地裁剪各种屏幕大小的图像,同时保留裁剪版本中的可视上下文。 人工智能分析图像以识别焦点或目标点,然后自动裁剪图像以在所有裁剪的版本中保留焦点。 Smart Crop是响应式设计的一个关键元素,它提供了一种经济高效且省时的方法来裁剪图像。

请参阅Dynamic Media图像配置文件文章以了解如何在创建智能裁剪演绎版Admin View、将它们应用于文件夹编辑演绎版这些演绎版已应用于图像或文件夹。 在此Smart Crop视频中了解如何分步创建

Smart Crop参数需要named-smartcrop-profiles存在并已应用于资源。 请参阅智能裁剪配置文件,了解有关Smart Crop参数以及如何应用名为Smart Crop的配置文件的更多信息。

IMPORTANT
您只能在“管理员”视图中创建Smart Crop呈现。

图像预设 image-presets-using-dynamic-media-with-openapi-capabilities

中使用图像预设Dynamic Media with OpenAPI capabilities功能即时转换图像。 image preset是输出图像的预定义大小调整和格式规则集。

Dynamic Media with OpenAPI capabilities使用预设名称即时转换图像并即时生成其演绎版。 当您通过包含预设参数的Dynamic Media with OpenAPI投放URL请求图像时,DM with OpenAPI应用预设的转换,根据需要创建演绎版,并将其交付给用户。

您可以通过图像的Dynamic Media with OpenAPI投放URL将单个预设应用于多个图像。 这可以确保跨资源的一致格式,而无需手动编辑每个资源。

请参阅管理图像预设文章以了解如何在管理员视图中创建图像预设,以及如何创建响应式图像预设,这些预设可自动调整资产以适合不同的屏幕大小。

使用图像预设的好处 benefits-of-image-presets

Image Presets为在Dynamic Media with OpenAPI中管理和投放图像提供了几个优势。 一些主要优势包括:

  • 预设可缩短图像交付URL。 请使用单个预设,而不是添加多个使投放URL更长的图像修饰符。 较短的URL更容易管理,并确保跨网站、移动应用程序、电子邮件和其他渠道的一致图像交付。
  • 图像预设从源图像文件创建即时演绎版。 这种按需格式副本生成功能消除了创建和存储同一文件的多个静态格式副本的需要,从而节省了时间和存储。
  • 一次将单个预设应用于大量资产,避免分别手动编辑每个资产,确保一致的格式并启用可扩展性。
  • 更新预设的参数时,使用该预设的所有图像都会自动重新格式化。 这通过集中格式更新简化了编辑,无需重新编辑单个资产或Web代码。
  • 利用CDN缓存的动态呈现来提高效率和性能,从而加快加载速度并优化跨设备和网络的性能。

使用图像预设 use-image-presets-using-dynamic-media-with-openapi-capabilities

创建Image Presets后,您可以将其用于以下工作流:

在图像投放URL中使用预设 use-presets-in-delivery-urls

预设使您的投放URL更短且更易于使用。 每个预设名称用作投放URL中的唯一标识符。 请引用预设名称以立即生成其演绎版,而不是向资产的投放URL添加多个修饰符。 了解如何将Dynamic Media图像预设应用于图像
以下示例将带有预设的URL与没有预设的URL进行比较。

没有预设的URL (长URL)

https://delivery-p30902-e145436-cmstg.adobeaemcloud.com/adobe/assets/urn:aaid:aem:393d5579-5be2-49a5-ac5f-8fed72bfb614/as/AdobeStock_63266433.avif?width=400&height=300&fit=crop&qualit=85&sharpen=true

带有预设的​URL (短URL)

https://delivery-p30902-e145436-cmstg.adobeaemcloud.com/adobe/assets/urn:aaid:aem:393d5579-5be2-49a5-ac5f-8fed72bfb614/as/AdobeStock_63266433.avif?preset=thumbnail

预设缩略图捆绑了相同的图像修饰符设置。

在AEM Sites中进行创作时使用预设 use-presets-during-authoring-in-aem-sites

启用Image Presets支持后,作者可以在AEM Sites创作页面中的页面编辑期间选择Dynamic Media。
执行以下步骤以在创作页面中使用图像预设:

  1. 导航到站点创作页面。
  2. 执行访问AEM页面编辑器中的远程资源部分中的步骤,以使用Asset Selector面板选择资源。
  3. 在asset selector面板中,向下滚动到​预设类型,在Preset=Preset Name图像修饰符​字段中指定,然后单击​完成
    预设

智能图像处理 use-smart-imaging-using-dynamic-media-with-openapi-capabilities

当您使用Dynamic Media with OpenAPI capabilities进行图像投放时,将通过智能成像自动优化图像。 优化的投放确保图像加载更快,具有最大的视觉质量和最小的文件大小。 这样可以在各种设备和网络中实现最快的页面加载速度并始终保持较高的视觉质量,同时占用最少的带宽,从而使您的网站速度更快、响应速度更快。

Smart Imaging包括以下功能:

自动格式转换 auto-format-conversion

Dynamic Media with OpenAPI 自动将图像转换为现代的Web优化格式,如AVIF或WEBP。 转换取决于浏览器的功能和license-entitlement,而不管请求的格式如何。

AVIF和WEBP格式提供了更好的压缩,使图像变得更小,交付和加载速度更快。 AVIF用作默认格式,因为它处理所有浏览器功能。

Dynamic Media with OpenAPI使用auto-format查询参数来控制浏览器将图像转换为各种格式以进行优化投放的行为。 自动格式转换包括​ 自动提升 ​和​自动降级。 当系统通过JPEG或PNG促销网络优化格式(AVIF或WEBP)以进行交付时,它称为自动促销。

默认情况下,auto-format查询参数设置为true。 启用auto-format (true)时,系统会忽略请求的格式,并根据图像特征、浏览器功能和许可证授权自动选择Web优化格式(AVIF或WEBP)。

auto-format为true时,系统按以下顺序提供图像格式:

  • AVIF:如果浏览器支持并且许可证允许,将交付AVIF。 这称为自动促销活动。
  • WEBP:如果AVIF不受支持或未经许可,则会交付WEBP。 这也是自动促销活动。
  • JPEG:仅当不支持AVIF和WEBP时,才会交付JPEG,并且图像没有Alpha通道(透明度)。 这称为自动降级。
  • PNG:当浏览器不支持新式格式并且图像具有Alpha通道(透明度)时,将传递PNG。 这也称为自动降级。

通过将查询参数设置为auto-format来禁用false,然后指定所需的格式以获取以该格式传送的图像。

网络带宽优化 network-bandwidth-optimisation

图像会根据客户机的网络状况自动优化,以确保更快的交付和平顺的加载。 QualityMax-quality参数通过控制图像压缩级别自动调整质量,其值介于1到100之间。

查看qualitymax-quality参数的以下关键行为:

  • 如果同时指定了quality和max-quality,则quality优先。
  • 如果仅指定quality,则无论加载时间如何,都会根据网络速度传递质量。
  • 如果仅指定max-quality,则图像质量将根据网络状况自动调整,提供最佳质量,最高可达指定的max-quality值。
  • 如果两者均未指定,则系统将使用默认值max-quality应用动态优化85

质量参数 quality-parameter

品质参数将图像质量优先于加载速度。 它将输出图像质量固定到请求的值(介于1和100之间)并忽略网络条件。 了解有关质量参数的更多信息。

Max-quality参数 max-quality-parameter

Max-quality可根据客户的网络速度平衡图像质量和加载时间。 它通过降低较慢网络上的图像质量来优先处理较快的加载时间,同时仍提供给定网络条件下的最高质量(1-100)。 了解有关max-quality参数的更多信息。

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab