What's my plan?
Suite Team, Growth, Professional, Enterprise, or Enterprise Plus
Support with Guide Professional or Enterprise

您可以在帮助中心知识库文章和内容块的正文中插入图像。当您插入图像时,它们将被添加到 媒体库中。大图像会自动调整大小以适合文章的宽度。

您可以在帮助中心文章中插入以下任意图像文件类型:
  • PNG
  • JPEG/JPG
  • GIF
  • aPNG(动画 PNG)
  • SVG

当您将 Google 文档或 Microsoft Word (365) 文档中的图像复制粘贴到文章正文时,图像会自动上传到媒体库并插入到您的文章中。请参阅 在媒体库中处理图像

本文章包含以下部分:

  • 在文章中插入图像
  • 将图像插入内容块
  • 使用图像编辑工具
  • 优化 Web Widget 的帮助中心图像

在文章中插入图像

您可以使用以下步骤将图像插入文章中。除了在文章中直接插入图像之外,您还可以在公共文件服务器上托管图像,然后链接到这些图像。

在文章中插入图像的步骤

  1. 在 帮助中心 或 知识管理中,创建新文章或编辑现有文章。
  2. 将光标放在您要显示图像的位置。
  3. 单击 插入图像 图标 ()。或者,您可以将图像拖放到文章中。在这两种情况下,都会打开媒体库。
  4. 在媒体库中,选择您要插入的图像,如果您想添加新图像到媒体库,请单击 上传媒体 。您也可以将图像拖放到媒体库中。图像文件大小限制为 20 MB。
    注意:您可以单击左侧菜单中的选项筛选显示的图像。有关媒体库的更多信息,请参阅 在媒体库中处理图像。

  5. 单击 插入媒体。

    您选择的图像将显示在您的文章中。

  6. 单击图像以显示 图像编辑工具 ,用于选择文本环绕、图像对齐方式和其它选项。

    要手动调整图像大小,拖动图像的一角。

  7. 单击保存。

在内容块中插入图像(仅限 Enterprise 服务模式)

内容块 使您可以创建可在多篇文章之间共享的内容。您可以在内容块中插入图像,方法与在帮助中心文章中添加图像类似。每个内容块最多可添加 50 张图像。

将图像插入内容块

  1. 在 帮助中心 或 知识管理中,创建新内容块或编辑现有内容块。
  2. 在内容块中,将光标放在您要显示图像的位置。
  3. 单击 添加图像 图标 ()(在内容块工具栏上)。

    您也可以将图像拖放到内容块中。

  4. 在媒体库中,选择您要上传的图像,或者如果您想在媒体库中添加新图像,请单击 上传媒体 。在这两种情况下,都会打开媒体库。
    您也可以将图像拖放到媒体库中。图像文件大小限制为 20 MB。
    注意:您可以单击左侧菜单中的选项筛选显示的图像。有关媒体库的更多信息,请参阅 在媒体库中处理图像。

  5. 单击 插入媒体。

    您选择的图像将显示在您的内容块中。

  6. 单击图像以显示 图像编辑工具 ,用于选择文本环绕、图像对齐方式和其它选项。

    要手动调整图像大小,拖动图像的一角。

  7. 如果这是新内容块,单击 创建。如果您要更新现有内容块,单击 更新。

使用图像编辑工具

在文章中放置图像后,您可以使用图像编辑工具来控制图像在文本中的显示方式。您可以使用此功能:
  • 将文本环绕在图像周围
  • 调整图像大小
  • 添加替代文本以提高文章的无障碍性

要使用图像工具,单击图像,然后选择您要使用的工具。

请参阅下表,了解可用的图像工具及其使用方法。

工具 名称 描述
自动换行 将文本环绕在图像周围,允许您选择左对齐或右对齐。
对齐图像 使您可以确定图像在文章中的对齐方式(右、左或居中)。
调整图像大小 提供图像放大选项(25%、50%、75%、100% 或自定义)。使用自定义选项输入所需的图像宽度,以百分比或像素值(例如 450px)表示。

也可以拖动图像的一角来调整图像大小,

Alt 文本 显示一个字段,您可以在其中输入要用于图像的替代文本。替代文本可以通过屏幕阅读器软件朗读,提高文章的可访问性。请参阅 创建无障碍帮助中心内容。
注意:ALT 文本将添加到文章中的图像位置,而不是帮助中心的所有图像实例。

优化 Web Widget 的帮助中心图像

为了确保帮助中心文章中的图像在消息传送Web Widget和Web Widget(经典)中正确显示,图像必须以所需的大小添加到文章中。

当帮助中心文章转换为在小组件中查看时,文章的图像将去除 HTML 标签中的属性(src 和 alt 属性除外),自定义 CSS 规则将被忽略。对于大多数图像,这不成问题。但是,如果原始图像非常大,并在 HTML 或自定义 CSS 中大幅调整了大小,则可能会显得大得不合适。

例如,您要在帮助中心文章中显示一个图标。图标的原始图像为 300x300 像素。要以更合理的大小显示,可修改 HTML,添加属性 width=“6%”height=“6%”.

在帮助中心文章中,图标大小为 18x18 像素,为实际图像大小的 6%。当为小组件处理文章时,宽度和高度属性将被移除,它将恢复到其原始大小,即使在缩小以适合小组件内部时,它对图标来说太大了。

将原始图像调整为所需的大小,而不是在代码中操作大小,可以避免此问题。

翻译免责声明:本文章使用自动翻译软件翻译,以便您了解基本内容。 我们已采取合理措施提供准确翻译,但不保证翻译准确性

如对翻译准确性有任何疑问,请以文章的英语版本为准。

由 Zendesk 提供技术支持