> ## Documentation Index
> Fetch the complete documentation index at: https://wiki.another-horizon.eu/llms.txt
> Use this file to discover all available pages before exploring further.

# Ajouter des médias

> Importez, organisez et utilisez des images et des ressources dans votre documentation.

Importez et organisez des images et d'autres ressources avec le gestionnaire de médias.

<div id="access-the-media-manager">
  ## Accéder au gestionnaire de médias
</div>

Accédez au gestionnaire de médias depuis le bas du panneau de gauche de l’éditeur.

<Frame>
  <img src="https://mintcdn.com/anotherhorizon/UHlRmQ8bvjzUmdum/images/editor/images-and-media-light.png?fit=max&auto=format&n=UHlRmQ8bvjzUmdum&q=85&s=145c991943c612abbc01e10a3975355e" alt="Gestionnaire de médias dans la barre latérale en mode clair" className="block dark:hidden" width="382" height="210" data-path="images/editor/images-and-media-light.png" />

  <img src="https://mintcdn.com/anotherhorizon/UHlRmQ8bvjzUmdum/images/editor/images-and-media-dark.png?fit=max&auto=format&n=UHlRmQ8bvjzUmdum&q=85&s=b0eea59ace18ab8550dd2ae2845d3a39" alt="Gestionnaire de médias dans la barre latérale en mode sombre" className="hidden dark:block" width="382" height="210" data-path="images/editor/images-and-media-dark.png" />
</Frame>

<div id="upload-assets">
  ## Téléverser des ressources
</div>

Téléversez des fichiers en les faisant glisser depuis votre ordinateur vers le gestionnaire de médias ou cliquez sur le bouton **Add** pour sélectionner des fichiers depuis votre ordinateur.

**Types de fichiers pris en charge :**

* **Images** : PNG, JPG, JPEG, SVG, GIF, WebP
* **Vidéos** : MP4, WebM
* **Polices** : TTF, WOFF, WOFF2
* **Autres** : PDF, ICO (favicons)

<div id="organize-assets">
  ## Organiser les ressources
</div>

Utilisez des dossiers pour regrouper les images associées, séparer les ressources des modes clair et sombre ou organiser par fonctionnalité.

Pour créer un nouveau dossier, cliquez sur **Add**.

<div id="move-assets">
  ### Déplacer des ressources
</div>

Glissez-déposez des ressources pour les déplacer d’un dossier à un autre. Les chemins de fichiers sont automatiquement mis à jour lorsque vous déplacez des ressources.

<div id="rename-assets">
  ### Renommer des ressources
</div>

Pour renommer une ressource, cliquez sur le bouton **...** à côté du nom de la ressource, puis cliquez sur **Renommer**. Les références aux ressources renommées sont automatiquement mises à jour.

<div id="delete-assets">
  ### Supprimer des ressources
</div>

Pour supprimer une ressource, cliquez sur le bouton **...** situé à côté du nom de la ressource, puis cliquez sur **Delete**.

<div id="use-media-in-documentation">
  ## Utiliser des contenus multimédias dans la documentation
</div>

<div id="insert-images">
  ### Insérer des images
</div>

1. Placez votre curseur à l’endroit où vous souhaitez que l’image apparaisse.
2. Appuyez sur <kbd>/</kbd> pour ouvrir le menu des composants.
3. Sélectionnez **Image**.
4. Choisissez l’image dans le gestionnaire de médias.

<div id="add-alt-text">
  ### Ajouter un texte alternatif
</div>

1. Cliquez sur le bouton **...** qui apparaît au survol de l'image.
2. Ajoutez un texte alternatif descriptif dans le panneau **Edit Image Attributes**.

<div id="best-practices">
  ## Bonnes pratiques
</div>

* **Utilisez des noms explicites** : Nommez clairement vos fichiers. Par exemple, `api-dashboard-light.png` plutôt que `img1.png`.
* **Ajoutez un texte alternatif (alt)** : Fournissez toujours un texte alternatif descriptif pour l’accessibilité et le SEO.
* **Organisez vos dossiers** : Regroupez les éléments associés dans des dossiers pour en faciliter la gestion.
* **Utilisez des formats adaptés** : PNG pour les graphiques avec transparence, JPG pour les photos, SVG (Scalable Vector Graphics) pour les icônes et les logos.