---
title: Beeld
slug: beeld
createdAt: 2024-07-24T11:19:16.970Z
---

Maak u dokumentasie meer opvallend met treffende beelde. Die Image-blok laat u toe om visuele elemente by te voeg wat u teks aanvul en u inhoud meer boeiend maak.

## Waarom dit gebruik?

- **Breek die teks op**
  Beelde kan u dokumente meer visueel aantreklik en makliker maak om te lees.
- **Vertel 'n storie**
  Beelde kan emosies, idees en konsepte meer effektief oordra as woorde alleen.
- **Voeg konteks by**
  Beelde kan addisionele inligting of konteks aan u inhoud verskaf.
- **Verbeter betrokkenheid**
  Visuele elemente kan u dokumente meer boeiend en interessant maak.

## Hoe om die image-blok te gebruik?

::::WorkflowBlock
:::WorkflowBlockItem
Tik `/` om die Archbee-blokmenu oop te maak
:::

:::WorkflowBlockItem
Soek vir die **Beeld**-blok en klik om dit in te voeg

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

:::WorkflowBlockItem
Kies 'n beeld vanaf [Lêerbestuurder](docId\:DZYSM6Ho643ZZXfO2uvqQ) of plak u beeldskakel. By verstek sal u 'n beeld vir die ligte tema oplaai.
:::

:::WorkflowBlockItem
Pas u beeld aan. U kan die beeld skaal **van 10% tot 100%** van die inhoudwydte.

U kan die beeld belyn na **links**, **regs** of **middel&#x20;**&#x76;an die inhoudhouer.
:::

:::WorkflowBlockItem
**Opsioneel** — ons beveel aan dat u die volgende byvoeg:

- **Beeldonderskrif**
  Om konteks te skep, SEO te verbeter en toeganklikheid te verhoog
- **Alt-teks**
  Verskaf 'n teksbeskrywing vir gebruikers met visuele gestremdhede en vir SEO
- **Dark Mode-beeld**
  Verminder oogspanning en verbeter toeganklikheid in donker modus, en skep 'n moderne voorkoms.
:::
::::

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

## Voorbeelde van die gebruik van Image-blokke

- **Produkvertoonvensters**
  Gebruik hoëgehaltebeelde om u produkte of dienste uit te lig.
- **Tutoriale**
  Sluit stap-vir-stap visuele gidse in om instruksies makliker te maak om te volg.
- **Blogplasings**
  Voeg relevante beelde by om die teks op te breek en die algehele leeservaring te verbeter.
- **Infografika**
  Skep visueel aantreklike infografika om data of komplekse inligting aan te bied.
- **Gemoedsborde**
  Gebruik beelde om mood boards of inspirasieborde vir ontwerpprojekte te skep.

***

::::LinkArray
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"}
:FontAwesome[]{icon="fa-solid fa-cubes"} &#x20;**&#x20;Vind ander blokke**

Ontdek nuwe maniere en blokke om pragtige en funksionele dokumentasiebladsye te skep.

[Kyk na al die blokke](docId\:oV-giTRfLvZLJLLN8-MBC)&#x20;
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"}
:FontAwesome[]{icon="fa-solid fa-headset"}**&#x20; Hulp nodig? ⬇️**

Gebruik die **blou** **chatborrel&#x20;**&#x76;an die onderste regterhoek af.

Of probeer **KI-klets** (vanaf die soekkassie) vir vinnige antwoorde.
:::

:::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"}**&#x20;  U mening maak saak**

Gebruik die onderstaande terugvoervorm, anoniem.

Of vra 'n vraag in die **Q\&A-afdeling** en ons span of AI sal vir u 'n oplossing gee.
:::
::::

