mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
locadex-agent[bot]
74 lines
2.8 KiB
Plaintext
74 lines
2.8 KiB
Plaintext
---
|
||
title: "Ajouter des médias"
|
||
description: "Importez et utilisez des images et des ressources dans votre documentation."
|
||
keywords: ["editor", "media", "images", "assets"]
|
||
---
|
||
|
||
<div id="supported-file-types">
|
||
## Types de fichiers pris en charge
|
||
</div>
|
||
|
||
- **Images** : PNG, JPG, JPEG, SVG, GIF, WebP
|
||
- **Vidéos** : MP4, WebM
|
||
- **Polices** : TTF, WOFF, WOFF2
|
||
- **Autres** : PDF, ICO (favicons)
|
||
|
||
<div id="add-media-to-a-page">
|
||
## Ajouter des médias à une page
|
||
</div>
|
||
|
||
<div id="drag-and-drop">
|
||
### Glisser-déposer
|
||
</div>
|
||
|
||
Glissez-déposez des éléments multimédias depuis votre ordinateur ou le gestionnaire de ressources dans une page en mode visuel. Les fichiers sont enregistrés à la racine du dossier `images/`.
|
||
|
||
<div id="slash-command">
|
||
### Commande /
|
||
</div>
|
||
|
||
Tapez <kbd>/image</kbd> pour ouvrir le menu d’images, puis importez une nouvelle image ou sélectionnez-en une existante.
|
||
|
||
<div id="upload-files">
|
||
### Téléverser des fichiers
|
||
</div>
|
||
|
||
Utilisez le gestionnaire de ressources dans la barre latérale pour téléverser ou rechercher des fichiers.
|
||
|
||
<Frame>
|
||
<img src="/images/editor/assets-light.png" alt="Gestionnaire de ressources sélectionné dans le menu de la barre latérale de l'éditeur." className="block dark:hidden" />
|
||
<img src="/images/editor/assets-dark.png" alt="Gestionnaire de ressources sélectionné dans le menu de la barre latérale de l'éditeur." className="hidden dark:block" />
|
||
</Frame>
|
||
|
||
Cliquez sur le bouton **Upload** dans le gestionnaire de ressources pour ajouter des fichiers à partir de votre ordinateur.
|
||
|
||
<div id="manage-assets">
|
||
## Gérer les ressources
|
||
</div>
|
||
|
||
<div id="organize-with-folders">
|
||
### Organiser à l’aide de dossiers
|
||
</div>
|
||
|
||
Cliquez sur le bouton **+** dans l’explorateur de fichiers pour créer un nouveau dossier. Faites glisser et déposez des fichiers et des dossiers dans l’arborescence pour les réorganiser.
|
||
|
||
<div id="rename-and-edit-assets">
|
||
### Renommer et modifier des ressources
|
||
</div>
|
||
|
||
Survolez une ressource et cliquez sur le bouton **...** pour renommer le fichier ou mettre à jour son texte alternatif.
|
||
|
||
<div id="delete-assets">
|
||
### Supprimer des ressources
|
||
</div>
|
||
|
||
Survolez une ressource, puis cliquez sur le bouton <Icon icon="trash" /> pour la supprimer.
|
||
|
||
<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 un texte alternatif descriptif pour l’accessibilité et le SEO.
|
||
- **Organisez à l’aide de dossiers** : Regroupez les ressources associées, comme les variantes en mode clair et sombre ou pour une fonctionnalité ou une section spécifique.
|
||
- **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. |