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
- Dans le menu de l’administration, ouvrez Médias puis Médiathèque.
- Cliquez sur Ajouter un fichier média. La zone Déposez vos fichiers pour les téléverser s’ouvre.
- 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.
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.
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. |
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.
Décrire un média
- Dans la médiathèque, cliquez sur un média. La fenêtre Détails du fichier joint s’ouvre.
- Remplissez le Texte alternatif, qui décrit l’image pour une personne qui ne la voit pas.
- Facultatif : remplissez le Titre, la Légende de l’image, la Description et le Crédit. Chaque champ s’enregistre quand vous le quittez.
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 décrit le champ Crédit.
Supprimer un média
- Dans la médiathèque, cliquez sur le média.
- 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.