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

Dynamisez votre documentation avec des images accrocheuses. Le bloc Image vous permet d’ajouter des 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 visuels peuvent rendre vos documents plus engageants et intéressants.

## Comment utiliser le bloc Image ?

::::WorkflowBlock
:::WorkflowBlockItem
Tapez `/` pour ouvrir le menu des 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 dans [Gestionnaire de fichiers](docId\:pfP5IisD95H0t0jwd8ORr) 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 redimensionner l’image **de 10 % à 100 %** de la largeur du contenu.

Vous pouvez aligner l’image à gauche **gauche**, **droite** ou **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 renforcer l’accessibilité
- **Texte alternatif**
  Fournissez une description textuelle pour les utilisateurs malvoyants et pour le SEO
- **Image pour le mode sombre**
  Réduisez la fatigue oculaire et améliorez l’accessibilité en mode sombre, tout en créant un aspect 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 la compréhension des instructions.
- **Articles de blog**
  Ajoutez des images pertinentes pour aérer le texte et améliorer l’expérience de lecture globale.
- **Infographies**
  Créez des infographies attrayantes pour présenter des données ou des informations complexes.
- **Planches d'ambiance**
  Utilisez des images pour créer des mood boards ou des planches d’inspiration pour des projets de conception.

***

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

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

[Découvrez tous les blocs](docId\:oSw7o7IGH93-6KHkyg-eL) 
:::

:::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 **Chat IA** (depuis la barre de recherche) pour 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 avis compte**

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

Ou posez une question dans la **section Q\&R** et notre équipe ou l’IA vous fournira une solution.
:::
::::