---
title: Image
slug: docs/de/image
createdAt: 2024-07-24T11:19:16.970Z
---

Peppen Sie Ihre Dokumentation mit auffälligen Bildern auf. Der Image-Block ermöglicht es Ihnen, visuelle Elemente hinzuzufügen, die Ihren Text ergänzen und Ihren Inhalt ansprechender machen.

## Warum sollten Sie ihn verwenden?

- **Den Text auflockern**
  Bilder können Ihre Dokumente optisch ansprechender und leichter lesbar machen.
- **Eine Geschichte erzählen**
  Bilder können Emotionen, Ideen und Konzepte effektiver vermitteln als Worte allein.
- **Kontext hinzufügen**
  Bilder können zusätzliche Informationen oder Kontext zu Ihrem Inhalt liefern.
- **Engagement verbessern**
  Visuals können Ihre Dokumente ansprechender und interessanter machen.

## Wie verwendet man den Image-Block?

::::WorkflowBlock
:::WorkflowBlockItem
Geben Sie `/` ein, um das Archbee-Blockmenü zu öffnen
:::

:::WorkflowBlockItem
Suchen Sie nach **Bild** Block und klicken Sie zum Einfügen

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

:::WorkflowBlockItem
Wählen Sie ein Bild aus dem [Dateimanager](docId:1piPT23QVnYicsCsLhWlO) oder fügen Sie Ihren Bildlink ein. Standardmäßig wird ein Bild für das helle Theme hochgeladen.
:::

:::WorkflowBlockItem
Passen Sie Ihr Bild an. Sie können das Bild skalieren **von 10% bis 100%** der Inhaltsbreite.

Sie können das Bild **links**, **rechts** oder **zentriert&#x20;**&#x69;m Inhaltscontainer ausrichten.
:::

:::WorkflowBlockItem
**Optional** — wir empfehlen Ihnen, hinzuzufügen:

- **Bildunterschrift**
  Um Kontext zu schaffen, SEO zu verbessern und die Barrierefreiheit zu erhöhen
- **Alt-Text**
  Geben Sie eine textuelle Beschreibung für sehbehinderte Nutzer und für SEO an
- **Dark-Mode-Bild**
  Reduzieren Sie die Augenbelastung und verbessern Sie die Barrierefreiheit im Dark Mode Theme und schaffen Sie einen modernen Look.
:::

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

## Beispiele für die Verwendung von Image-Blöcken

- **Produktpräsentationen**
  Verwenden Sie hochwertige Bilder, um Ihre Produkte oder Dienstleistungen hervorzuheben.
- **Anleitungen**
  Fügen Sie Schritt-für-Schritt-Visualisierungen ein, um Anleitungen leichter nachvollziehbar zu machen.
- **Blogposts**
  Fügen Sie relevante Bilder hinzu, um den Text aufzulockern und das Leseerlebnis zu verbessern.
- **Infografiken**
  Erstellen Sie ansprechende Infografiken, um Daten oder komplexe Informationen darzustellen.
- **Moodboards**
  Verwenden Sie Bilder, um Moodboards oder Inspirationsboards für Designprojekte zu erstellen.

***
::::

::::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;Andere Blöcke finden**

Entdecken Sie neue Möglichkeiten und Blöcke, um beeindruckende und funktionale Dokumentationsseiten zu erstellen.

[Alle Blöcke ansehen](docId\:QR1fjhMprEujXqqNdqr1-)&#x20;
:::

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

Verwenden Sie die **blaue** **Chat-Bubble&#x20;**&#x69;n der unteren rechten Ecke.

Oder versuchen Sie **KI-Chat** (aus dem Suchfeld) für schnelle Antworten.
:::

:::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;  Ihre Meinung ist wichtig**

Verwenden Sie das folgende Feedback-Formular anonym.

Oder stellen Sie eine Frage im **Q\&A-Bereich** und unser Team oder die KI wird Ihnen eine Lösung geben.
:::
::::

