mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
locadex-agent[bot]
4600f7d871
Co-authored-by: locadex-agent[bot] <217277504+locadex-agent[bot]@users.noreply.github.com>
81 lines
3.0 KiB
Plaintext
81 lines
3.0 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 (max 20 Mo)
|
||
- **Vidéos** : MP4, WebM (max 100 Mo)
|
||
- **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 images sont enregistrées à la racine de votre dossier `images/`, et les vidéos à la racine de votre dossier `videos/`.
|
||
|
||
<div id="slash-command">
|
||
### Commande /
|
||
</div>
|
||
|
||
Tapez <kbd>/image</kbd> pour ouvrir le menu d’images ou <kbd>/video</kbd> pour ouvrir le menu de vidéos. Importez un nouveau média ou sélectionnez un fichier existant.
|
||
|
||
<div id="upload-files">
|
||
### Téléverser des fichiers
|
||
</div>
|
||
|
||
Utilisez l’explorateur de fichiers dans la barre latérale pour téléverser ou rechercher des fichiers. Faites glisser des fichiers et déposez-les dans un dossier pour organiser les ressources multimédias.
|
||
|
||
<Frame>
|
||
<img
|
||
src="/images/editor/assets-light.png"
|
||
alt="Explorateur de fichiers ouvert dans le menu de la barre latérale de l’éditeur."
|
||
className="block dark:hidden"
|
||
/>
|
||
|
||
<img
|
||
src="/images/editor/assets-dark.png"
|
||
alt="Explorateur de fichiers ouvert dans le menu de la barre latérale de l’éditeur."
|
||
className="hidden dark:block"
|
||
/>
|
||
</Frame>
|
||
|
||
<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. |