---
title: Image
slug: test-archbee/image
docTags: 
createdAt: 2024-07-24T11:19:16.000Z
---

Spice up your documentation with eye-catching images. The Image block lets you add visuals that complement your text and make your content more engaging.

## Why to use it?

- **Break up the text**
  Images can make your documents more visually appealing and easier to read.
- **Tell a story**
  Images can convey emotions, ideas, and concepts more effectively than words alone.
- **Add context**
  Images can provide additional information or context to your content.
- **Improve engagement**
  Visuals can make your documents more engaging and interesting.

## How to use image block?

::::WorkflowBlock
:::WorkflowBlockItem
Type `/` to open Archbee block menu
:::

:::WorkflowBlockItem
Search for **Image** block and click to insert insert

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

:::WorkflowBlockItem
Choose a image from [File Manager](<././Reusables/File Manager.md>) or paste your image link. By default, you will upload an image for light theme.
:::

:::WorkflowBlockItem
Adjust your image. You can scale the image **from 10% to 100%** width size of the content widht.

You can alight the image to **left**, **right** or **center&#x20;**&#x6F;f the content container.
:::

:::WorkflowBlockItem
**Opltionally** — we recomment you to add:

- **Image Caption**
  To create context, improve SEO, and enhance accessibility
- **Alt Text**
  Provide a textual description for visually impaired users and SEO
- **Dark Mode Image**
  Reduce eye strain & improve accessibility on dark mode theme, and create a modern look.
:::
::::

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

## Examples of Using Image Blocks

- **Product showcases**
  Use high-quality images to highlight your products or services.
- **Tutorials**
  Include step-by-step visual guides to make instructions easier to follow.
- **Blog posts**
  Add relevant images to break up the text and enhance the overall reading experience.
- **Infographics**
  Create visually appealing infographics to present data or complex information.
- **Mood boards**
  Use images to create mood boards or inspiration boards for design projects.

***

::::LinkArray
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"}
&#x20;**&#x20;Find other blocks**

Discover new ways and blocks to create stunning and functional documentation pages.

[Check out all blocks](<././Editor Blocks.md>)&#x20;
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"}
\&#xNAN;**&#x20; Need help?  ⬇️**

Use the **blue** **chat bubble&#x20;**&#x66;rom bottom right corner.

Or try **AI Chat** (from search box) for quick answers.
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"}
\&#xNAN;**&#x20;  Your opinion matters**

Use the below feedback form, anonymously.

Or ask a question in **Q\&A section** and our team or AI will give you a solution.
:::
::::