---
title: 图像
slug: docs/cn/APtlaKaGxAZ_mW4d1eHvs
createdAt: 2024-07-24T11:19:16.970Z
---

使用引人注目的图片为您的文档增添亮点。Image 区块可让您添加与文本相辅相成的视觉元素，使您的内容更具吸引力。

## 为什么要使用它？

- **拆分文本**
  图片可以让您的文档更具视觉吸引力，并且更易阅读。
- **讲述故事**
  图片能够比单纯文字更有效地传达情绪、想法和概念。
- **添加上下文**
  图片可以为您的内容提供额外信息或上下文。
- **提升参与度**
  视觉内容能够让您的文档更加引人入胜，更具兴趣点。

## 如何使用 Image 区块？

::::WorkflowBlock
:::WorkflowBlockItem
输入 `/` 打开 Archbee 区块菜单
:::

:::WorkflowBlockItem
搜索 **图像** 区块并点击插入

![](https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-ALxCSQqDnYWb33bCRh8u_-20240902-145716.png)
:::

:::WorkflowBlockItem
从 [文件管理器](docId\:QTvlWbH-bDW-2OgzbJZPi) 选择图片或粘贴图片链接。默认情况下，您将为浅色主题上传图片。
:::

:::WorkflowBlockItem
调整您的图片。您可以将图片缩放为内容宽度的 **10% 到 100%**。

您可以将图片对齐到内容容器的**左侧**、**右侧** 或**居中**。
:::

:::WorkflowBlockItem
**可选** — 我们建议您添加：

- **图片标题**
  用于创建上下文、提高 SEO 并增强可访问性
- **Alt 文本**
  为视障用户和 SEO 提供文本描述
- **深色模式图片**
  在深色模式下减少眼睛疲劳、提升可访问性，并营造现代视觉效果。
:::
::::

![](https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-4rV4ADyqvME1qRWck-Gtz-20240902-145041.png)

## Image 区块使用示例

- **产品展示**
  使用高质量图片突出您的产品或服务。
- **教程**
  包含逐步的视觉指南，使说明更易于理解和跟随。
- **博客文章**
  添加相关图片以分隔文本并增强整体阅读体验。
- **信息图**
  创建具有视觉吸引力的信息图表，用于展示数据或复杂信息。
- **情绪板**
  使用图片为设计项目创建情绪板或灵感板。

***

::::LinkArray
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"}
:FontAwesome[]{icon="fa-solid fa-cubes"}  ** 查找其他区块**

探索创建令人惊艳且功能强大的文档页面的新方式和区块。

[查看所有区块](docId\:B4IohMBgLgJ5t-HvaLMTF) 
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"}
:FontAwesome[]{icon="fa-solid fa-headset"}**  需要帮助？ ⬇️**

使用**蓝色** **聊天气泡**（右下角）。

或尝试**AI 聊天**（从搜索框）以获取快速答案。
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"}
:FontAwesome[]{icon="fa-solid fa-hand-holding-heart"}**   您的意见很重要**

请匿名使用下面的反馈表。

或者在**Q\&A 区域**提出问题，我们的团队或 AI 将为您提供解决方案。
:::
::::