--- title: "Médiathèque : vos images et vos vidéos | Briks" url: https://briks.dev/fr/docs/media-library description: "Importez vos images et vidéos une fois dans la médiathèque de l'espace de travail, placez-les sur tout projet depuis le prompt, changez des images sans frais." last_updated: 2026-10-08 --- # Médiathèque : vos images et vos vidéos La médiathèque contient vos propres images et vidéos : photos de produits, photos de l'équipe, un court film de votre atelier. Importez-les une fois et utilisez-les dans n'importe quel projet de l'espace de travail en les choisissant dans la zone de saisie du studio. L'onglet Media de chaque projet vous permet ensuite de changer ce qu'un site affiche, sans utiliser de crédits. 6 minutes de lecture Vérifié par rapport au studio le 8 octobre 2026 ## Une bibliothèque par espace de travail Tous les projets d'un espace de travail partagent une même bibliothèque, si bien qu'une photo importée pendant le travail sur un site peut servir sur un autre le lendemain. Les bibliothèques ne sont pas partagées entre espaces de travail : un lien média copié depuis un autre espace de travail est refusé, et le studio vous demande de le copier à nouveau depuis le vôtre. Pour téléverser et placer des éléments, il faut être Owner, Admin ou Editor. Les Viewer ne peuvent rien modifier, donc ils ne voient pas la zone de saisie. ## Ce que vous pouvez importer | Type | Formats | Plus gros fichier | | --- | --- | --- | | Images | JPEG, PNG ou WebP | Moins de 25 Mo | | Vidéos | MP4 ou WebM | Moins de 250 Mo et moins de 5 minutes | - Les vidéos sont conservées et diffusées exactement comme vous les avez importées, sans jamais être converties. Un fichier plus léger se charge plus vite pour les visiteurs : exportez donc à la taille dont le site a besoin. - Votre navigateur lit chaque vidéo avant de la téléverser. S'il ne peut pas lire le fichier, le téléversement s'arrête et vous demande de l'exporter en MP4 (H.264). - L'affiche d'une vidéo, l'image fixe affichée avant la lecture, est prise à la première seconde. - Tout ce que contient la bibliothèque compte dans le [stockage](https://briks.dev/fr/docs/storage) de votre offre. ## Ouvrez la bibliothèque et importez Où 1. Projects 2. Your project 3. Studio 4. Add from your media 1. Ouvrir le Studio d'un projet créé Où : Studio La bibliothèque se trouve dans la zone de saisie d'un projet déjà construit. Elle n'est pas proposée dans le brief **New project**, ni tant qu'une première construction attend votre validation à une étape d'approbation. 2. Cliquez sur Add from your media Où : Prompt box C'est l'icône d'images dans la zone de saisie. **Choose from your media** s'ouvre. 3. Téléverser Où : Choose from your media Cliquez sur **Upload** et choisissez des fichiers, ou glissez-les sur la fenêtre et relâchez quand elle indique **Drop to upload**. Vous pouvez en ajouter plusieurs à la fois ; chacun a sa propre barre de progression. 4. Le trouver dans la grille Où : Choose from your media Un envoi terminé apparaît en premier dans la grille. Les vidéos affichent leur durée. **All**, **Pictures** et **Videos** filtrent la grille, et la barre à côté indique quelle part du stockage de votre espace de travail est utilisée. La grille s'affiche page par page ; **Show more** charge la suivante. - **Aussi les images de chaque site.** Outre vos imports, la grille contient les images et les vidéos de tous les sites de l'espace de travail, chaque vignette indiquant sa provenance. Choisir une image d'un site l'ajoute d'abord à votre bibliothèque. - **From** restreint la grille à **Library and every site**, à **Library** seulement, ou à un seul projet. - **Search names and descriptions** trouve les éléments par leur nom de fichier ou par ce qu'ils montrent. La même fenêtre s'ouvre partout où le studio demande une image : **Choose from library** pour le logo et le favicon d'un site dans **Settings**, les champs d'image de l'onglet [Database](https://briks.dev/fr/docs/database), et **Picture** dans l'[éditeur d'images](https://briks.dev/fr/docs/image-editor). ## Utiliser un élément dans une modification Choisir un élément ne le place pas tout de suite. Son lien est ajouté à votre message, et vous indiquez où il va, comme pour toute autre modification. 1. Choisissez l'élément Où : Choose from your media Cliquez dessus. La fenêtre se ferme et le lien de l'élément apparaît à la fin de votre message. 2. Indiquez où il mène Où : Prompt box Nommez la page et l'endroit, par exemple « en arrière-plan de la section d'accueil ». Pour une image, dites ce qu'elle montre si cela compte pour la page. 3. Envoyer Où : Send Il est créé et publié comme une modification : une réserve de 5 crédits, facturée selon le travail nécessaire. Une demande de modification Une fleuriste à Édimbourg > Utilise (media link) comme arrière-plan du hero sur la page d'accueil, et place (media link) sur la page Weddings sous le premier paragraphe, en lecture muette et en boucle. Les deux apparaissent dans la prochaine version publiée. L'onglet Media les liste alors, chacun indiqué comme provenant des médias du fleuriste. Astuce Un message peut contenir jusqu'à six images et vidéos, en comptant ensemble les fichiers joints avec le bouton de pièce jointe et les liens de médias. Pour en ajouter davantage, répartissez-les sur deux modifications. ## Voir ce que montre un site Où 1. Projects 2. Your project 3. Media L'onglet **Media** d'un projet s'ouvre sur **On the site**, qui liste chaque image et chaque vidéo affichées par le site dans sa dernière version publiée, hero en premier. Chaque carte donne la description de l'image, son emplacement (la page d'accueil, par exemple, ou une section nommée) et, pour les éléments issus de votre médiathèque, celui dont ils proviennent. **Designs**, à côté, contient ce que vous créez dans l'[éditeur d'images](https://briks.dev/fr/docs/image-editor). ## Remplacer gratuitement une image ou une vidéo 1. Choisissez ce qu'il faut remplacer Où : Media tab Cliquez sur **Replace** sur la carte. 2. Choisir le nouveau Où : Choose the new picture Votre bibliothèque s'ouvre et n'affiche que le même type de fichier : des images pour une image, des vidéos pour une vidéo. Choisissez-en un, ou importez-le depuis là. 3. Dites ce qu'il affiche Où : What it shows Obligatoire pour une image, car les lecteurs d'écran et les moteurs de recherche la lisent. Facultatif pour une vidéo : une vidéo d'arrière-plan n'en a pas besoin. 4. Remplacer et publier Où : Replace and publish Le nouvel élément prend la place de l'ancien partout sur le site, et le site est de nouveau publié. Vous êtes redirigé vers le Studio pour suivre l'opération. - Aucun crédit n'est utilisé. - Les [Versions](https://briks.dev/fr/docs/versions) du studio peuvent l'annuler. - Elle ne peut pas démarrer pendant que le site se construit ni pendant qu'un test A/B y est en cours. - Si l'élément choisi se trouve déjà ailleurs sur le site, la boîte de dialogue prévient qu'il apparaîtra deux fois. Un échange Le menu d'automne d'un café > Moor Lane Café importe une photo de son menu d'automne et remplace celle du menu d'été sur la page d'accueil. Ce qu'elle montre : une soupe de potiron, du pain au levain et un flat white sur une table en chêne. Le site est publié de nouveau avec la nouvelle photo, sans utiliser de crédits. Si la personne change d'avis, Versions ramène la photo d'été. ## Organiser votre bibliothèque La bibliothèque est une grille unique, des plus récents aux plus anciens, avec les filtres et la recherche au-dessus. Il n'y a ni dossiers ni renommage, mais chacun de vos envois a un bouton **Details** : il montre l'élément avec sa taille et sa date, **Used on** (chaque site qui l'utilise, et comment), **Use this** et **Delete**. Delete demande d'abord confirmation. Les sites qui affichent l'élément sur leurs pages en gardent leur propre copie, leurs pages ne changent donc pas, mais il quitte définitivement votre bibliothèque. Le logo ou le favicon d'un site ne peut pas être supprimé tant que vous n'en avez pas choisi un autre dans les réglages de ce site. Les envois qui ne se sont jamais terminés sont effacés au bout d'un jour, de sorte qu'une connexion coupée ne laisse pas la moitié d'un fichier compter dans votre stockage. Chaque site garde sa propre copie de ce qui y a été placé, de sorte qu'une page publiée ne dépend jamais de l'élément de la bibliothèque dont elle provient. - **Nommez vos fichiers avant de les téléverser.** Le nom du fichier est ce qu'affiche la grille et ce que l'onglet Media indique comme source. Avec `bakery-shopfront-autumn.jpg`, vous n'aurez pas à deviner plus tard d'où vient une image, contrairement à `IMG_4021.jpg`. - **Importez ce que vous utiliserez.** Chaque fichier importé occupe du stockage jusqu'à ce que vous le supprimiez. Réduisez une vidéo aux secondes dont vous avez besoin avant de l'importer. - **Gardez les originaux ailleurs.** La médiathèque sert à placer des images sur les sites, pas à archiver toute une séance photo. ## Comment la médiathèque utilise votre espace de stockage Les éléments de la bibliothèque comptent dans l'unique quota de stockage que votre espace de travail partage avec les fichiers de chaque projet, les images du site, les bases de données et les sauvegardes. Si un envoi dépasse ce quota, il s'arrête avec un message qui indique le stockage de votre offre et vous suggère de supprimer quelque chose ou de passer à une offre plus grande. [Storage](https://briks.dev/fr/docs/storage) montre où va l'espace. ### Quelle est la différence entre joindre une image et utiliser la bibliothèque ? Une image jointe avec le bouton de pièce jointe de la zone de saisie appartient à ce seul message. Un élément de la bibliothèque peut être réutilisé dans n'importe quel projet de l'espace de travail, et remplacé plus tard avec **Replace**. ### Replace coûte-t-il des crédits ? Non. Il place le nouvel élément et publie à nouveau, sans aucun travail de construction. ### Puis-je utiliser des éléments de la bibliothèque dans un tout nouveau projet ? Pas dans le premier brief. Construisez le site, puis ajoutez-les depuis le studio comme une modification. ## À lire ensuite - [Génération en cours **Images** Choisissez comment sont faites les images de votre site, ajoutez vos photos et votre logo, remplacez une image sans crédit, corrigez celle qui est erronée.](https://briks.dev/fr/docs/pictures) - [Les fonctionnalités de votre site **Stockage** Conservez les fichiers de votre projet, partagez-les par lien ou dossier public, voyez où va le stockage de votre formule et téléchargez tout en .zip.](https://briks.dev/fr/docs/storage) - [Travailler sur un projet **Faire des modifications** Modifiez votre site en écrivant à Briks : que dire, ajouter des images, contenu et coût d'un changement, pages internes, demandes en file et corriger un raté.](https://briks.dev/fr/docs/making-changes) - [Travailler sur un projet **Versions, annuler et rétablir** Chaque création et modification est une version de votre site. Annulez, rétablissez ou republiez une ancienne version à l'identique, sans crédit retenu.](https://briks.dev/fr/docs/versions) Toujours bloqué ? Écrivez à [hello@briks.dev](mailto:hello@briks.dev) en indiquant le nom de votre projet et ce que vous espériez voir. Une capture d'écran aide.