mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
locadex-agent[bot]
d7096d55cd
Co-authored-by: locadex-agent[bot] <217277504+locadex-agent[bot]@users.noreply.github.com>
86 lines
3.3 KiB
Plaintext
86 lines
3.3 KiB
Plaintext
---
|
||
title: "Ajouter des médias"
|
||
description: "Importez, organisez et utilisez des images et des ressources dans votre documentation."
|
||
keywords: ["editor", "media", "images", "assets"]
|
||
---
|
||
|
||
Utilisez le gestionnaire de médias pour importer et organiser des images et d'autres ressources dans votre documentation.
|
||
|
||
<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="/images/editor/images-and-media-light.png" alt="Gestionnaire de médias dans la barre latérale en mode clair" className="block dark:hidden" />
|
||
<img src="/images/editor/images-and-media-dark.png" alt="Gestionnaire de médias dans la barre latérale en mode sombre" className="hidden dark:block" />
|
||
</Frame>
|
||
|
||
<div id="upload-assets">
|
||
## Téléverser des ressources
|
||
</div>
|
||
|
||
Pour téléverser des fichiers, faites-les glisser dans 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. |