您可以在帮助中心知识库文章和内容块的正文中插入图像。当您插入图像时,它们将被添加到 媒体库中。大图像会自动调整大小以适合文章的宽度。
- PNG
- JPEG/JPG
- GIF
- aPNG(动画 PNG)
- SVG
当您将 Google 文档或 Microsoft Word (365) 文档中的图像复制粘贴到文章正文时,图像会自动上传到媒体库并插入到您的文章中。请参阅 在媒体库中处理图像
本文章包含以下部分:
在文章中插入图像
您可以使用以下步骤将图像插入文章中。除了在文章中直接插入图像之外,您还可以在公共文件服务器上托管图像,然后链接到这些图像。
在文章中插入图像的步骤
- 在 帮助中心 或 知识管理中,创建新文章或编辑现有文章。
- 将光标放在您要显示图像的位置。
- 单击 插入图像 图标 (
)。或者,您可以将图像拖放到文章中。在这两种情况下,都会打开媒体库。
- 在媒体库中,选择您要插入的图像,如果您想添加新图像到媒体库,请单击 上传媒体 。您也可以将图像拖放到媒体库中。图像文件大小限制为 20 MB。注意:您可以单击左侧菜单中的选项筛选显示的图像。有关媒体库的更多信息,请参阅 在媒体库中处理图像。
- 单击 插入媒体。
您选择的图像将显示在您的文章中。
-
单击图像以显示 图像编辑工具 ,用于选择文本环绕、图像对齐方式和其它选项。
要手动调整图像大小,拖动图像的一角。
- 单击保存。
在内容块中插入图像(仅限 Enterprise 服务模式)
内容块 使您可以创建可在多篇文章之间共享的内容。您可以在内容块中插入图像,方法与在帮助中心文章中添加图像类似。每个内容块最多可添加 50 张图像。
将图像插入内容块
- 在 帮助中心 或 知识管理中,创建新内容块或编辑现有内容块。
- 在内容块中,将光标放在您要显示图像的位置。
- 单击 添加图像 图标 (
)(在内容块工具栏上)。
您也可以将图像拖放到内容块中。
- 在媒体库中,选择您要上传的图像,或者如果您想在媒体库中添加新图像,请单击 上传媒体 。在这两种情况下,都会打开媒体库。您也可以将图像拖放到媒体库中。图像文件大小限制为 20 MB。注意:您可以单击左侧菜单中的选项筛选显示的图像。有关媒体库的更多信息,请参阅 在媒体库中处理图像。
- 单击 插入媒体。
您选择的图像将显示在您的内容块中。
-
单击图像以显示 图像编辑工具 ,用于选择文本环绕、图像对齐方式和其它选项。
要手动调整图像大小,拖动图像的一角。
- 如果这是新内容块,单击 创建。如果您要更新现有内容块,单击 更新。
使用图像编辑工具
- 将文本环绕在图像周围
- 调整图像大小
- 添加替代文本以提高文章的无障碍性
要使用图像工具,单击图像,然后选择您要使用的工具。
请参阅下表,了解可用的图像工具及其使用方法。
工具 | 名称 | 描述 |
---|---|---|
![]() |
自动换行 | 将文本环绕在图像周围,允许您选择左对齐或右对齐。 |
![]() |
对齐图像 | 使您可以确定图像在文章中的对齐方式(右、左或居中)。 |
![]() |
调整图像大小 | 提供图像放大选项(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%。当为小组件处理文章时,宽度和高度属性将被移除,它将恢复到其原始大小,即使在缩小以适合小组件内部时,它对图标来说太大了。
将原始图像调整为所需的大小,而不是在代码中操作大小,可以避免此问题。
翻译免责声明:本文章使用自动翻译软件翻译,以便您了解基本内容。 我们已采取合理措施提供准确翻译,但不保证翻译准确性
如对翻译准确性有任何疑问,请以文章的英语版本为准。