# Envoyer vos photos et vos vidéos

La médiathèque reçoit vos photos, vos vidéos et vos documents. Elle allège chaque image et chaque vidéo pour le Web. Cet article vous apprend à envoyer un fichier, à suivre son traitement, à le décrire et à le supprimer.

## Avant de commencer

- Les rôles Auteur, Éditeur et Administrateur peuvent envoyer des fichiers.
- Vous n’avez rien à préparer. Envoyez vos photos et vos vidéos telles qu’elles sortent de votre appareil.
- Les fichiers sont communs au Staging et à la Production. Un média utilisé dans une page arrive en ligne avec elle à la publication du site.

## Envoyer un fichier

1. Dans le menu de l’administration, ouvrez **Médias** puis **Médiathèque**.
2. Cliquez sur **Ajouter un fichier média**. La zone **Déposez vos fichiers pour les téléverser** s’ouvre.
3. Glissez vos fichiers dans la zone, ou cliquez sur **Sélectionnez des fichiers**. Chaque fichier apparaît dans la médiathèque dès son arrivée.

![La médiathèque en grille : le bouton Ajouter un fichier média, les filtres Tous les médias et Toutes les dates, la Sélection groupée, la recherche, puis sept photos et une vidéo.](https://static.lovelyrender.com/uploads/2026/10/1029-doc-design-mediatheque.png)

Depuis l’éditeur, vous pouvez déposer un fichier sur un bloc Média. Il entre dans la même médiathèque.

Le nom du fichier est réécrit en minuscules, sans accents ni espaces. `Été à Nantes.jpg` devient `ete-a-nantes.jpg`.

## Connaître les formats acceptés

Le type d’un fichier est lu dans son contenu, jamais dans son nom.

| Famille | Extensions |
| --- | --- |
| Images | `jpg`, `jpeg`, `png`, `webp`, `avif`, `gif`, `svg`, `heic` |
| Vidéos | `mp4`, `m4v`, `webm`, `mov`, `qt`, `avi` |
| Sous-titres | `vtt` |
| Audio | `mp3`, `wav`, `ogg` |
| Documents | `pdf`, `docx`, `xlsx`, `pptx`, `odt`, `ods`, `odp`, `rtf`, `txt`, `csv` |
| Archives | `zip` |

Un autre type est refusé avec **Ce genre de fichier n’est pas accepté :** suivi de son type. Un fichier dont le nom ment sur son contenu est refusé avec **Le nom de ce fichier ne correspond pas à son contenu.**

## Surveiller votre espace

Un fichier peut peser jusqu’à 4 Go, dans la limite de l’espace qui reste sur votre offre. La barre d’administration affiche l’espace utilisé sur celui de votre offre, par exemple `3,6 / 25 GB`.

Quand il reste moins de 5 % de l’espace, les écrans des médias affichent **Il ne reste que … sur les … de stockage de votre offre.** Un envoi qui dépasserait l’espace est refusé avec **Envoi refusé : le stockage de votre site est plein.**

Pour libérer de la place, supprimez les médias que vous n’utilisez plus, ou demandez-nous une offre plus grande.

## Suivre le traitement d’une image

Chaque image est convertie au format AVIF en arrière-plan. Le navigateur charge la largeur qui correspond à l’écran du visiteur.

| Fichier envoyé | Traitement |
| --- | --- |
| Une photo JPEG ou PNG | Déclinée en plusieurs largeurs au format AVIF, plus une version AVIF pleine taille. |
| Une image de plus de 3 840 px de large | Réduite à 3 840 px de large, proportions gardées. |
| Un GIF animé | Converti en AVIF animé. L’animation est gardée. |
| Une photo HEIC d’iPhone | Convertie en JPEG à l’envoi, puis traitée comme les autres. |
| Une photo prise de travers | Redressée d’après l’orientation enregistrée par l’appareil. |
| Un fichier SVG | Gardé en vectoriel et nettoyé. Le code exécutable et les adresses vers d’autres sites sont retirés. |

Comptez environ une minute pour les versions d’une image. Pendant ce temps, votre fichier d’origine est servi en pleine définition. Une page n’affiche jamais d’image cassée.

**Remarque :** Si le serveur ne sait pas lire une photo HEIC, l’envoi affiche **Ce serveur ne sait pas lire les photos HEIC. Convertissez la photo en JPEG avant de l’envoyer.**

## Suivre le traitement d’une vidéo

Une vidéo est réencodée en deux formats : WebM, le plus léger, puis MP4, lu partout. Le navigateur choisit seul. Une image d’aperçu est découpée dans la vidéo.

| Fichier envoyé | Traitement | Pendant le traitement |
| --- | --- | --- |
| Un `.mp4` ou un `.webm` | Réencodé si le gain dépasse 5 %. Sinon votre fichier est gardé intact. L’autre format est produit à côté. | Votre fichier se lit pendant le traitement. |
| Un `.mov`, `.qt`, `.m4v` ou `.avi` | Converti en MP4 et en WebM. L’original est supprimé une fois les deux versions produites. | La vidéo ne se lit pas encore. |

Comptez quelques minutes pour une vidéo. Le réencodage réduit souvent le poids. Il rend de l’espace à votre offre.

Tant que le traitement n’est pas fini, le bloc Média de l’éditeur affiche une mention. Elle disparaît d’elle-même et n’apparaît jamais sur votre site.

| Mention | Reste à produire |
| --- | --- |
| **La vignette et les formats optimisés sont en préparation.** | L’image d’aperçu et les deux formats. |
| **La vignette est en préparation.** | L’image d’aperçu. |
| **Les formats optimisés sont en préparation. La vidéo se lit déjà.** | Les deux formats. |

**Attention :** Attendez la disparition de la mention avant de publier une page dont la vidéo vient d’arriver. Un `.mov` ou un `.avi` ne se lirait pas encore. Un `.mp4` servirait le fichier lourd.

Lovely Render héberge les vidéos de vos pages. Pour de longues vidéos, passez par un hébergeur vidéo et le bloc [Embed](https://lovelyrender.com/fr/documentation/bloc-embed/).

## Décrire un média

1. Dans la médiathèque, cliquez sur un média. La fenêtre **Détails du fichier joint** s’ouvre.
2. Remplissez le **Texte alternatif**, qui décrit l’image pour une personne qui ne la voit pas.
3. Facultatif : remplissez le **Titre**, la **Légende de l’image**, la **Description** et le **Crédit**. Chaque champ s’enregistre quand vous le quittez.

![Les détails d’une photo dans la médiathèque : sa date d’envoi, son auteur, son nom, son type, son poids et ses dimensions, puis les champs Texte alternatif, Titre, Légende de l’image, Description et l’adresse du fichier.](https://static.lovelyrender.com/uploads/2026/10/879-doc-design-details.png)

Le texte alternatif saisi ici préremplit chaque bloc Média où vous placez l’image. Le modifier dans un bloc ne change que ce bloc. [Créditer vos photos et vos vidéos](https://lovelyrender.com/fr/documentation/credits/) décrit le champ **Crédit**.

## Supprimer un média

1. Dans la médiathèque, cliquez sur le média.
2. Dans la fenêtre **Détails du fichier joint**, cliquez sur **Supprimer définitivement** et confirmez.

Le média quitte aussitôt la médiathèque du Staging. Votre site en ligne continue de l’afficher jusqu’à la prochaine publication du site.

Le fichier reste sur le serveur tant qu’une version du site l’utilise. Restaurer une version d’avant la suppression ramène l’image avec ses pages.

**Attention :** Avant de supprimer un média, vérifiez qu’aucune page ne l’affiche. Après la publication, une page qui l’affiche encore montrerait une image manquante.

## Voir aussi

- [Média](https://lovelyrender.com/fr/documentation/bloc-media/)
- [Trouver une photo sur Pexels](https://lovelyrender.com/fr/documentation/pexels/)
- [Créditer vos photos et vos vidéos](https://lovelyrender.com/fr/documentation/credits/)
- [Publier votre site](https://lovelyrender.com/fr/documentation/publier/)