Gouvernance des médias : nommer, compresser et réutiliser images et vidéos

Conclusion d’abord : La médiathèque est l’actif le plus difficile à maîtriser sur un site à l’international. Pour un site en ligne depuis deux ans, elle compte généralement entre 800 et 3 000 fichiers, dont 30 à 50 % ne sont référencés sur aucune page. La gouvernance tient en trois choses : des règles de nommage, des seuils de poids, un contrôle trimestriel. Les deux premières se font une fois pour toutes, la troisième prend deux heures par trimestre.

1. Commencez par fixer des règles de nommage : c’est le niveau de gouvernance le moins coûteux

Une médiathèque ne part pas en vrille du jour au lendemain. Tout commence avec le premier IMG_2043.jpg, jusqu’au jour où il faut remplacer une photo produit, ou qu’un client demande la source d’une licence, et où personne n’est capable de répondre.

Quatre dérives, quatre coûts différents :

Dérive	Signes typiques	Contrepartie
Noms de fichiers sans sens	Une suite de dates et de numéros	Introuvable, on remplace à l’œil
Versions en pagaille	Trois versions du même nom de fichier	C’est la mauvaise qui est en ligne
Fichiers non référencés qui s’accumulent	Importés mais jamais utilisés	Ils prennent de la place, ralentissent les sauvegardes, alourdissent les migrations
Origine des licences floue	On ne sait pas d’où vient l’image	Impossible de prouver quoi que ce soit en cas de plainte client ou de plateforme

Une règle de nommage tient en quatre champs, assemblés dans l’ordre et séparés par des tirets : catégorie, référence, contexte, version.

Champ	Formulation	Exemple	Explication
Catégorie	Mot en minuscules, en anglais	cnc-machine	Aligné sur la catégorie produit, pas d’invention
Référence	Reprise telle quelle, tout en majuscules ou tout en minuscules	gx-620	Identique à la référence de la fiche produit
Situation	3 à 5 mots en minuscules, en anglais	workshop-install-02	Décrit le contenu, pas le ressenti graphique
Version	Deux chiffres	v02	Incrémenté uniquement en cas de modification réelle

La comparaison est plus parlante : voici la même image nommée de deux façons.

Méthode de nommage	Nom de fichier	Repérabilité	Sécurité en migration
Nom brut de l’appareil	IMG_2043.jpg	Impossible de deviner le contenu d’après le nom	Renommer casse le lien, risque élevé
Nommage normalisé	cnc-machine-gx620-workshop-install-v02.webp	On localise le fichier par son nom	Numéro de version, remplacement sans conflit

Une exigence liée au nommage est souvent oubliée :un nom de fichier ne se change plus une fois en ligne. Renommer un fichier revient à changer l’URL, l’ancienne adresse ne répond plus. Pour remplacer un contenu, on crée un nouveau fichier avec un numéro de version incrémenté, on met à jour la référence sur la page et on conserve une règle de redirection pour l’ancien nom. Chez crater,/site/ la règle de nommage des médias figure dans la liste des points à valider avant mise en ligne, précisément parce que ce niveau coûte peu à corriger au départ et beaucoup à rattraper ensuite.

2. Poids et format : fixez d’abord les seuils, on parlera compression ensuite

« Image trop lourde » n’est pas une consigne exploitable : il faut des chiffres précis. Le tableau de référence ci-dessous peut être repris tel quel dans votre charte, avec un poids cible défini selon la largeur d’affichage.

Usage de l’image	Largeur d’affichage	Poids cible	Format recommandé
Visuel principal en haut de page	1 600 à 1 920 pixels	150 à 300 Ko	WebP ou AVIF
Illustration dans le corps de texte	800 à 1 200 pixels	60 à 150 Ko	WebP
Vignette produit	400 à 600 pixels	20 à 60 Ko	WebP
Icônes et illustrations au trait	Libre, à adapter selon le besoin	5 à 20 Ko	SVG
Images avec transparence	800 pixels maximum	40 à 120 Ko	WebP ou PNG

Le choix du format n’est pas uniforme : les cinq formats courants ont chacun leur domaine d’application.

Format	Taux de compression	Transparence	Cas d’usage	À éviter pour
JPEG	Moyenne	Non pris en charge	Photos nécessitant une compatibilité maximale	Illustrations au trait, captures d’écran
WebP	Élevée	Soutenir	Le format principal pour les photos et les visuels produit	Grands visuels de haut de page nécessitant une compression extrême
AVIF	Maximal	Soutenir	Grands visuels de haut de page, photos de haute qualité	Contextes nécessitant la compatibilité avec d’anciens navigateurs
PNG	Faible	Soutenir	Captures d’écran et illustrations au trait sans perte	Photos, dont le poids serait multiplié
SVG	Maximal	Intégrée	Icônes, organigrammes, schémas simples	Photos complexes

Les images responsives sont un autre incontournable. Envoyer des tailles différentes pour mobile et ordinateur à partir de la même image permet d’économiser plus de la moitié du trafic :

Point de rupture	Largeur de viewport	Largeur à envoyer	Explication
Mobile	Moins de 768 pixels	640 pixels	Ne pas envoyer la taille bureau
Tablette	768 à 1 024 pixels	1 024 pixels	Adapté au mode portrait et paysage
Ordinateur	1 024 à 1 600 pixels	1 600 pixels	La référence pour la plupart des pages
Grand écran	Plus de 1 600 pixels	1 920 pixels	À réserver au visuel principal du haut de page

La vidéo mérite une mention à part. Ne placez pas de fichier vidéo directement à l’emplacement du visuel principal et n’hébergez pas vous-même la vidéo d’arrière-plan du haut de page :

Usage de la vidéo	Emplacement recommandé	Raison
Démonstration produit, tutoriel d’installation	Plateforme vidéo tierce, intégrée dans la page	Économise de la bande passante, lecteur et sous-titres inclus
Moments forts d’un salon, image de l’entreprise	Plateforme vidéo tierce, intégrée dans la page	Génère des liens sortants et du trafic de recommandation
Animation d’arrière-plan en haut de page	Remplacer par une image statique et une animation légère	La vidéo ralentit nettement le rendu du haut de page
Démonstration de moins de 10 secondes	Convertir en GIF animé ou en séquence d’images	Poids généralement inférieur à celui d’une vidéo

Quand cette règle ne s’applique pas : Si votre site s’adresse principalement à des visiteurs disposant d’une bonne connexion et travaillant surtout sur ordinateur (par exemple des acheteurs de matériel industriel qui consultent depuis leur bureau), compresser le visuel principal sous 150 Ko dégradera la netteté et nuira à la lisibilité des plaques signalétiques. Dans ce cas, vous pouvez monter à 300 ou 400 Ko et privilégier la netteté du texte et des graduations. Le critère est le suivant : lorsque le visiteur doit lire des détails textuels sur l’image, la netteté prime sur le poids.

III. Métadonnées : l’alt énonce les faits, title et la légende ont chacun leur rôle

Dans les métadonnées d’une image, c’est souvent l’alt qui est le plus mal rédigé. Il a deux rôles : s’afficher à la place de l’image si elle ne charge pas, et fournir une description du contenu aux lecteurs d’écran comme aux moteurs de recherche. La règle d’or : décrire les faits, pas empiler des mots-clés.

Formulation	Exemple	Diagnostic
Empiler les mots-clés	cnc machine cnc machining china cnc factory	sera considéré comme du bourrage, sans valeur descriptive
ne rien écrire	Non	revient à abandonner un emplacement d’information
décrire les faits	centre d’usinage CNC en cours d’assemblage de broche dans l’atelier	correct, se suffit à lui-même
avec modèle et contexte	ligne d’assemblage du centre d’usinage GX-620, en atelier	correct, plus riche en information

Les trois attributs ont chacun leur rôle, ne les confondez pas : l’alt décrit ce que contient l’image, le title n’apparaît qu’au survol de la souris et n’a presque aucun effet sur le référencement, tandis que la légende sert à préciser le lien entre l’image et le texte.

Attribut	Emplacement d’affichage	Effet sur le référencement	Longueur conseillée
alt	si l’image ne charge pas, lecteurs d’écran	oui, comme signal de contenu de l’image	15 à 40 caractères
titre	infobulle au survol	minime, inutile de s’en soucier	peut être omis
légende	souvent affichée sous l’image	oui, comme partie du texte	20 à 60 caractères

Les données EXIF doivent être nettoyées : ce n’est pas une question de format, mais de conformité :

Donnée EXIF	Risque	Traitement
Coordonnées GPS	révèle la position exacte de l’usine et de l’atelier	à supprimer systématiquement avant l’envoi
Appareil de prise de vue et numéro de série	peut être relié à un appareil et à une personne précise	suppression conseillée
Date de prise de vue	généralement sans danger	peut être conservée
Champs de copyright et d’auteur	peut servir de preuve d’autorisation	conserver les informations de l’entreprise

Le nettoyage ne demande aucune compétence technique : la plupart des outils de traitement d’image proposent une suppression par lot des métadonnées, au prix de quelques secondes avant chaque envoi. Mais dès qu’une photo de terrain contenant des coordonnées GPS est publiée, ce sont les informations de localisation de l’usine qui fuient, et cette perte est irréversible.

4. Le lazy loading a ses limites : l’image du premier écran ne doit pas être chargée en différé

Le lazy loading économise de la bande passante, mais mal placé il ralentit directement le premier écran. Le critère est clair :Les images visibles dans la zone du premier écran ne doivent pas être en lazy loading, en particulier l’image principale qui détermine l’indicateur de rendu du premier écran.

Emplacement de l’élément	Lazy loading	Raison
Visuel principal en haut de page	non, avec priorité haute	c’est l’objet du calcul de l’indicateur de rendu du premier écran
Vignettes produits dans le premier écran	Non	entrent dans le viewport en même temps que l’image principale
Photos du deuxième écran et au-delà	Oui	hors du viewport initial
Petites images du pied de page et des colonnes latérales	Oui	nécessitent généralement un défilement pour être visibles
Vidéo intégrée	oui, avec une image de remplacement	une intégration directe charge de nombreux scripts

Autre point souvent négligé : les images doivent avoir des largeurs et hauteurs fixes. Sans elles, le navigateur ne peut pas déterminer l’espace réservé avant la fin du chargement de l’image, et la page saute à répétition pendant le chargement : le paragraphe que l’utilisateur est en train de lire se décale d’un coup, surtout sur mobile. On peut suivre l’indicateur de décalage de mise en page : les sites bien maîtrisés restent généralement sous 0,1.

5. Droits d’auteur et licences : quatre sources de visuels, quatre exigences

Le vrai risque avec les médias, ce n’est pas la technique, c’est l’autorisation. Quatre sources, quatre exigences différentes :

Source des éléments	Justificatif requis	Risque fréquent
Banque d’images	Périmètre de licence et historique de téléchargement	Usage hors périmètre, par exemple pour des supports revendus
Tournage chez le client	Autorisation écrite du client, précisant l’usage et la durée	Utilisation non autorisée d’une ligne de production du client, réclamation du client
Visuels produit fournis par le fournisseur	Accord écrit du fournisseur	Le fournisseur livre aussi la concurrence, les visuels se retrouvent ailleurs
Images générées par IA	Consigner l’outil et la date de génération	Contenu généré trop proche d’une œuvre existante

Les photos prises chez le client sont la catégorie que l’on oublie le plus. L’autorisation n’a pas besoin d’être complexe : trois points suffisent. Le périmètre d’usage (site web, réseaux sociaux, supports imprimés), la durée d’utilisation, et la possibilité ou non de montrer les lignes de production et les plaques signalétiques des machines. Attention aussi aux éléments tiers présents dans l’image :

Élément visible	Risque	Traitement
Logo de marque identifiable	Risque de litige en contrefaçon de marque	Éviter au tournage ou retoucher après coup
Visage identifiable d’un salarié	Relève du droit à l’image	Obtenir son accord ou flouter le visage
Détails de process d’une ligne de production du client	Peut révéler des informations commerciales du client	Faire valider par le client avant publication
Plaque signalétique d’une machine concurrente	Peut laisser croire à un partenariat	À exclure systématiquement du cadre

Les limites d’usage des images générées par IA doivent aussi figurer dans le référentiel. La règle prudente : on peut les utiliser pour des schémas conceptuels, des illustrations d’ambiance ou des formes abstraites ; pas là où il faut prouver l’authenticité, comme les photos d’usine, les rapports de contrôle, les certificats ou les visuels de produits réels. Dans le premier cas, le risque est de “paraître faux” ; dans le second, d’être accusé de falsification. Ce n’est pas la même chose.

6. Matrice de réutilisation et rythme de gouvernance

Une séance photo doit alimenter cinq canaux, pas finir dans la médiathèque après une seule publication sur le site. Définir les formats de recadrage à l’avance évite de retoucher les images dans l’urgence à chaque fois.

Canal	Format courant	Ratio de recadrage	Remarque
Bannière du site	1 600 à 1 920 pixels de large	16:9 ou 21:9	Sujet placé au centre, décalé vers la gauche
Illustration dans le corps de page	800 à 1 200 pixels de large	4:3 ou 16:9	Prévoir la place de la légende
Newsletter	600 pixels de large	3:2	Prévoir un fond blanc uni
Posts sur les réseaux sociaux	1 200 pixels de large	Une série en 1:1 et une en 4:5	Composition verticale dédiée
Salons et devis	300 ppp pour l’impression	Selon la mise en page	Enregistrer une copie du fichier source

La gouvernance suit un rythme trimestriel : deux heures à chaque fois, trois points.

Délai	Action	Critère d’évaluation
Trimestriel	Vérification de la liste des fichiers non cités	Un fichier non cité pendant deux trimestres consécutifs passe en candidat au nettoyage
Trimestriel	Contrôle des règles de nommage	Vérifier 50 fichiers récemment importés, avec un taux de conformité d’au moins 90 %
Trimestriel	Repérage des fichiers volumineux	Vérifier un par un si les images de plus de 500 Ko sont nécessaires
Chaque semestre	Revue des justificatifs d’autorisation	Vérifier un par un que les photos prises chez le client et les images de banque ont toujours leur justificatif
Chaque année	Exercice d’archivage et de migration	La médiathèque s’exporte intégralement et se restaure dans un environnement de test

Les règles de nettoyage doivent être figées, pour éviter le “ça ne sert à rien, je supprime” :

Statut du fichier	Critère	Mesure à prendre
En usage	Actuellement référencé par au moins une page	Conserver, placer sous gestion de versions
À surveiller	Non référencé depuis deux trimestres, mais avec justificatif de droits	Déplacer vers le dossier d’archives, sans supprimer
Peut être supprimé	Non référencé, sans justificatif de droits ni source identifiable	Supprimer après vérification de l’absence de liens externes
Conservation obligatoire	Présent sur des supports imprimés, devis ou panneaux de salon	Conserver le fichier original même s’il n’est pas référencé sur le site

La dernière ligne est souvent négligée. Une photo prise sur site a été retirée du site web, mais elle figure encore dans le catalogue et sur les panneaux de salon, et on pourrait en avoir besoin l’an prochain : la supprimer obligerait à refaire la prise de vue. Le tri ne doit donc pas se limiter à « le site la référence-t-il ? », mais aussi vérifier « est-elle encore utilisée en dehors du site ? ».

À noter : si la médiathèque du site compte moins de 200 fichiers et que moins de 20 nouveaux fichiers sont ajoutés chaque mois, ce processus peut être simplifié. Ne gardez que deux actions, la convention de nommage et le repérage des fichiers volumineux, et faites l’inspection trimestrielle une fois par semestre. L’intensité de la gouvernance doit correspondre à la taille du patrimoine : pas de processus pour le processus. Pour le lien entre les images et les performances des pages, voir /insight/ les conseils sur les performances.

FAQ — Questions fréquentes

Faut-il convertir toutes les images en WebP ?

Pas toutes, mais le format principal devrait devenir le WebP. La méthode : conserver les fichiers originaux (généralement en format sans perte), générer systématiquement du WebP à la mise en ligne, tout en gardant un JPEG de secours pour les rares emplacements exigeant une compatibilité maximale. Le PNG ne sert que pour les captures d’écran et les illustrations au trait nécessitant du sans perte ; évitez le PNG pour les photos, le poids serait multiplié. Attention au réglage de qualité lors de la conversion : certains outils appliquent une qualité trop basse par défaut, le paramètre s’appelle souvent « qualité » ou « niveau de compression ». Avant la mise en ligne, prélevez trois images de chaque usage pour comparer.

Quelle taille pour une photo produit ?

Définissez des paliers selon la largeur d’affichage, pas un chiffre unique. Vignettes : 400 à 600 pixels de large, pour 20 à 60 Ko ; image principale d’une fiche produit : 1 600 à 1 920 pixels de large, pour 150 à 300 Ko ; photo produit sur fond transparent : 800 pixels maximum, pour 40 à 120 Ko. Le critère : le visiteur doit-il distinguer la plaque signalétique et les graduations ? Si la plaque devient floue à cause de la compression, relevez la limite de poids. Pour les photos de produits industriels, la netteté prime généralement sur le poids.

Comment rédiger l’alt sans être pénalisé pour suroptimisation ?

Écrivez une courte phrase descriptive complète, précisant ce que montre l’image et dans quel contexte, en 15 à 40 caractères. La vérification est simple : lisez l’alt isolément ; s’il se lit comme une phrase normale, c’est bon ; s’il ressemble à une suite de mots, c’est problématique. Trois cas sont à éviter : la même balise alt pour toutes les images, un même terme de catégorie répété plus de trois fois dans l’alt, et un alt sans rapport avec le contenu de l’image. Les icônes décoratives peuvent avoir un alt vide, c’est autorisé par les normes.

Vidéo sur le site ou sur une plateforme tierce ?

Privilégiez une plateforme tierce et intégrez la vidéo via un lecteur embarqué ou une image de remplacement avec chargement au clic. Trois raisons à cela : l’hébergement en propre pèse lourdement sur la bande passante du serveur ; le lecteur et les sous-titres demandent un développement supplémentaire ; la plateforme tierce génère en plus du trafic depuis la recherche et les recommandations. Seule exception : les boucles très courtes (moins de 10 secondes), à convertir en GIF ou en séquence d’images. Pensez à utiliser une image de remplacement à l’intégration : le script de la vidéo ne doit pas se charger à l’ouverture de la page, sous peine de ralentir le premier affichage.

Peut-on utiliser directement les photos prises chez le client sur le site ?

Pas directement : il faut d’abord une autorisation écrite. Trois éléments suffisent : le périmètre d’utilisation (site, réseaux sociaux et supports imprimés listés séparément), la durée d’utilisation, et l’autorisation de faire apparaître les lignes de production et les plaques signalétiques des machines. Vérifiez aussi le contenu de l’image : évitez ou masquez les logos identifiables, obtenez l’accord des salariés reconnaissables ou floutez leur visage, et faites valider par le client les détails de process visibles avant publication. Si le client travaille avec un concurrent, mieux vaut renoncer à cette photo pour éviter de longues explications par la suite.

La médiathèque est trop volumineuse, peut-on faire un grand nettoyage directement ?

Évitez la suppression en masse. Le bon ordre est : auditer, puis nettoyer. Exportez un tableau croisant les fichiers et leurs références, en indiquant pour chacun les pages qui l’utilisent ; isolez les fichiers sans référence depuis deux trimestres consécutifs ; puis vérifiez un par un s’il existe une autorisation, et si le fichier apparaît sur des supports imprimés ou des panneaux. Ne supprimez que les fichiers qui remplissent les trois conditions à la fois : non référencés, sans autorisation ou d’origine inconnue, et absents en dehors du site. Archivez les autres dans un dossier dédié. Faites impérativement une sauvegarde complète avant de commencer.

Pour conclure

La gestion des médias passe pour une broutille, mais elle touche à trois vrais sujets : la performance des pages, la lisibilité pour la recherche et la conformité juridique. Une convention de nommage améliore les trois d’un coup, pour un coût limité à sa rédaction et à son respect au quotidien.

Sur la plupart des sites, le problème de la médiathèque n’est pas insoluble : il n’a simplement jamais été traité comme un sujet à part entière. C’est au moment d’un changement de site, d’une migration ou d’une question du client sur l’origine des autorisations qu’on mesure le prix de ce retard.

À retenir en une phrase : le nom de fichier décide si on le retrouve, le poids décide de la vitesse, l’autorisation décide si on a le droit de l’utiliser. Ces trois points se règlent dès le premier envoi.