图像组件 image-component

开始裁切

选择此选项将打开一个预定义裁切比例的下拉菜单。

• 选择​ 删除裁切 ​可显示原始资源。

选择一个裁切选项后，可使用蓝色手柄调整图像上的裁切大小。

向右旋转

使用此选项可将图像向右（顺时针）旋转 90°。

重置缩放

如果图像已缩放，使用此选项可重置缩放级别。

打开缩放滑块

使用此选项可显示用于控制图像的缩放级别的滑块。

从页面继承精选图像 – 此选项使用链接页面的精选图像或当前页面的精选图像（如果未链接图像）。

图像资源 - 如果选中了​ 从页面继承特色图像，则自动填充此项。取消选中可通过设置以下选项而手动定义图像。

• 将资源放置在资源浏览器中或点按​ 浏览 ​选项，以使您可从本地文件系统上传。

• 点按或单击​ 清除 ​以取消选择当前选择的图像。

• 点按或单击​ 选取 ​以打开资源浏览器，以使您可选择图像。

  • 如果启用了 远程资产支持，您有选择资产的多种选项：

    • 本地 ​从本地 AEM 资源库选择。
    • 远程 ​从您的 AEM 实例之外的 Dynamic Media 库选择。

• 点按或单击​ “编辑” ​可在“资产编辑器中”管理资产的再现。

用于辅助功能的替换文本 – 此字段允许您为视障用户定义图像的描述。

• 从页面继承替换文本 – 此选项使用 DAM 中 dc:description 元数据的链接资源值的替代描述或当前页面的替代描述（如果未链接资源）。

不提供替换文本 - 标出图像，以使其在图像纯粹起装饰作用或以其他方式不向页面传达额外信息的情况下被屏幕阅读器等辅助技术忽略。

预设类型 – 这定义了可用图像预设的类型，可以是​ 图像预设 ​或​ 智能裁切，并且仅在启用了 Dynamic Media 功能的情况下可用。

• 图像预设 - 选中了​ 图像预设 ​的​ 预设类型 ​时，下拉菜单​ 图像预设 ​可用，并允许从可用的 Dynamic Media 预设中选择。 此项只有在为所选资源定义了预设时才可用。
• 智能裁剪 - 选中​ 智能裁剪 ​的​ 预设类型 ​时，将有​ 演绎版 ​下拉菜单可用，可从中选择所选资源的可用演绎版。只有为所选资源定义了演绎版，才有此项可用。
• 图像修饰符 – 在这里可以定义其他 Dynamic Media 图像服务命令，不论选择了什么​ 预设类型，都使用 & 分隔。

题注 – 有关图像的附加信息，默认显示在图像的下方。

• 从 DAM 获取题注 - 选中此项时，为图像的题注文本填入 DAM 中 dc:title 元数据的值。
• 以弹出窗口显示题注 - 选中此项后，将光标悬停在图像上方时，并不在图像下方显示题注，而是被某些浏览器显示为弹出窗口。

链接 – 将图像链接到其他资源。

• 使用“选择”对话框可链接到其他 AEM 资源。
• 如果未链接到 AEM 资源，请输入绝对 URL。无法解析的 URL 被解释为相对于 AEM。
• 在新标签页中打开链接 - 此选项在新浏览器窗口中打开链接。

ID - 通过此选项，可控制组件在 HTML 和数据层中的唯一标识符。

• 如果留空，则自动为您生成一个唯一 ID，通过检查所得页面即可找到该 ID。
• 如果指定一个 ID，作者有责任确保它是唯一的。
• 更改 ID 可能会影响 CSS、JS 和数据层跟踪。

启用 DM 功能 – 在选中时，Dynamic Media 功能可用。

• 仅当环境中启用了 Dynamic Media 时，才会出现此选项。

启用 Web 优化图像 - 选中此项后，Web 优化图像投放服务以 WebP 格式投放图像，使图像大小平均减小 25%。

• 仅在 AEMaaCS 中有此选项可用。
• 当未选中此项或 Web 优化图像投放服务不可用时，将使用自适应图像 Servlet。

禁用延迟加载 - 选中此项后，组件预先加载所有图像而不延迟加载。

图像是装饰性的 – 定义在将图像组件添加到页面时，是否自动启用装饰性图像选项。

从 DAM 获取替换文本 – 定义在将图像组件添加到页面时，是否自动启用从 DAM 检索替换文本的选项。

从 DAM 获取题注 – 定义在将图像组件添加到页面时，是否自动启用从 DAM 检索题注的选项。

以弹出窗口显示题注 – 定义在将图像组件添加到页面时，是否自动启用以弹出窗口显示图像题注的选项。

调整宽度 – 此值用于调整作为 DAM 资源的基本图像的宽度。

• 保留图像的纵横比。
• 如果此值大于图像的实际宽度，则此值无效。
• 此值不影响 SVG 图像。

宽度 – 定义图像的宽度（以像素为单位），组件将根据浏览器的大小自动加载最合适的宽度。

• 点按或单击​ “添加” ​按钮可添加其他大小。

  • 使用抓取手柄重新排列大小顺序。
  • 使用​ “删除” ​图标可删除宽度。

• 默认情况下，图像加载会被延迟，直到图像变得可见。

  • 选择​ 禁用延迟加载 ​选项，以使您可在加载页面时加载图像。

JPEG 质量 - 转换（例如，缩放或裁剪）的 JPEG 图像的质量系数（以从 0 到 100 的百分比表示）。