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

Dynamisez votre documentation avec des images accrocheuses. Le bloc Image vous permet d’ajouter des éléments visuels qui complètent votre texte et rendent votre contenu plus attrayant.

## Pourquoi l’utiliser?

- **Aérer le texte**
  Les images peuvent rendre vos documents plus attrayants visuellement et plus faciles à lire.
- **Raconter une histoire**
  Les images peuvent transmettre des émotions, des idées et des concepts plus efficacement que les mots seuls.
- **Ajouter du contexte**
  Les images peuvent fournir des informations supplémentaires ou du contexte à votre contenu.
- **Améliorer l’engagement**
  Les éléments visuels peuvent rendre vos documents plus engageants et intéressants.

## Comment utiliser le bloc Image?

::::WorkflowBlock
:::WorkflowBlockItem
Tapez `/` pour ouvrir le menu de blocs Archbee
:::

:::WorkflowBlockItem
Recherchez le bloc **Image** et cliquez pour l’insérer

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

:::WorkflowBlockItem
Choisissez une image à partir du [Gestionnaire de fichiers](docId:_EWP5fHcs-Wv59b9hkrAS) ou collez le lien de votre image. Par défaut, vous téléverserez une image pour le thème clair.
:::

:::WorkflowBlockItem
Ajustez votre image. Vous pouvez mettre l’image à l’échelle **de 10 % à 100 %** de la largeur du contenu.

Vous pouvez aligner l’image à **gauche**, **droite** ou au **centre **du conteneur de contenu.
:::

:::WorkflowBlockItem
**Optionnellement** — nous vous recommandons d’ajouter :

- **Légende d’image**
  Pour créer du contexte, améliorer le SEO et accroître l’accessibilité
- **Texte alternatif (Alt Text)**
  Fournissez une description textuelle pour les utilisateurs malvoyants et pour le SEO
- **Image pour mode sombre**
  Réduisez la fatigue oculaire et améliorez l’accessibilité en mode sombre, et créez une apparence moderne.
:::
::::

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

## Exemples d’utilisation des blocs Image

- **Présentations de produits**
  Utilisez des images de haute qualité pour mettre en valeur vos produits ou services.
- **Tutoriels**
  Incluez des guides visuels étape par étape pour faciliter le suivi des instructions.
- **Articles de blogue**
  Ajoutez des images pertinentes pour aérer le texte et améliorer l’expérience de lecture.
- **Infographies**
  Créez des infographies attrayantes pour présenter des données ou des informations complexes.
- **Tableaux d’inspiration**
  Utilisez des images pour créer des tableaux d’inspiration ou mood boards pour des projets de design.

***

::::LinkArray
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"}
:FontAwesome[]{icon="fa-solid fa-cubes"}  ** Trouvez d’autres blocs**

Découvrez de nouvelles façons et de nouveaux blocs pour créer des pages de documentation superbes et fonctionnelles.

[Consultez tous les blocs](docId\:zV0Ap2weEDulh9laNqfWE) 
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"}
:FontAwesome[]{icon="fa-solid fa-headset"}**  Besoin d’aide?  ⬇️**

Utilisez la **bulle de discussion** **bleue **dans le coin inférieur droit.

Ou essayez **Clavardage IA** (à partir de la boîte de recherche) pour obtenir des réponses rapides.
:::

:::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"}**   Votre opinion compte**

Utilisez le formulaire de rétroaction ci-dessous, de façon anonyme.

Ou posez une question dans la **section Questions et réponses** et notre équipe ou l’IA vous offrira une solution.
:::
::::