Inventorier par rôle
Relevez URL, page, sujet, rôle informatif ou décoratif, éventuel lien, langue et visibilité dans le contenu.
GUIDE / PROTOCOLE
Auditer les images éditoriales du site
Une image utile explique quelque chose ; son rôle, sa source et sa représentation doivent être explicites.
Réponse directe
Comment décider quelles images conserver ou corriger ?
Inventoriez les visuels par page et par usage. Distinguez image informative, décorative et fonctionnelle ; vérifiez provenance et droits, représentation fidèle, alternative textuelle, légende, dimensions et présence dans le HTML.
01 / Méthode de contrôle
Méthode de contrôle
Vérifier la provenance
Consignez auteur, origine, licence ou autorisation, date, modifications et éventuelle déclaration de génération. Écartez les droits non établis.
Tester sens et accès
Pour une image informative, rédigez une alternative selon le contexte ; pour une image décorative, évitez une annonce inutile. Vérifiez légende, texte voisin et contraste.
Contrôler diffusion
Vérifiez src et srcset, format, dimensions, chargement prioritaire si nécessaire, poids, rendu mobile et métadonnées de licence quand pertinentes.
EN PRATIQUE
Une image doit avoir un rôle, une source et un format utile
Choisissez d’abord ce que le lecteur doit comprendre. Une scène d’ambiance peut introduire un sujet ; une image utilisée comme preuve doit être reliée à son origine et à son contexte. Le cadrage, la légende et le poids du fichier se décident ensuite.
Quel contrôle effectuer en premier ?
Choisissez la situation observée. Chaque piste précise une première vérification, la preuve utile et la limite de ce contrôle.
Une photo arrive sans source identifiable
- Premier contrôle
- Recherchez le premier document traçable et comparez image, légende, date et crédit. Séparez le producteur de l’image des comptes qui la republient.
- Preuve à conserver
- URL précise, identifiant du document, crédit, dates de prise de vue et de publication lorsqu’elles sont connues, puis passage justifiant le contexte.
- Limite à garder en tête
- Une image reconnue ou ancienne ne confirme pas l’événement qu’une nouvelle légende lui attribue. Une recherche infructueuse ne prouve pas une fabrication.
Le recadrage fait disparaître une information
- Premier contrôle
- Comparez l’image complète au cadrage réellement affiché sur mobile et ordinateur. Vérifiez visage, légende, échelle, repère ou détail nécessaire à la compréhension.
- Preuve à conserver
- Image d’origine, cadrage, dimensions affichées, règle de positionnement et exemple du détail perdu.
- Limite à garder en tête
- Un cadrage esthétiquement réussi peut changer le sens. Le texte alternatif aide selon le rôle de l’image, mais ne restitue pas à lui seul un graphique illisible.
Une image semble retarder l’affichage
- Premier contrôle
- Identifiez le fichier réellement chargé, son poids et sa découverte dans la chronologie réseau. Comparez sa largeur à l’affichage et vérifiez s’il porte le contenu principal.
- Preuve à conserver
- URL de l’image, variante reçue, dimensions, poids transféré, appareil, réseau et mesure répétée avant et après correction.
- Limite à garder en tête
- Réduire le poids ne suffit pas si la requête commence tard. Une variante légère mais trop petite peut dégrader la lecture ; ne choisissez pas la compression sur le seul nombre d’octets.
Pour approfondir
| Situation | À éviter | Correction utile |
|---|---|---|
| Image d’ambiance | Présenter une scène générée comme un événement réel. | Nommer sa fonction illustrative et indiquer sa génération par IA. |
| Photographie documentaire | Réutiliser une belle photo sans date ni provenance. | Relier la notice, l’auteur ou l’organisme, la prise de vue et les conditions de réutilisation. |
| Graphique explicatif | Laisser les nombres uniquement dans les pixels. | Donner aussi les valeurs, unités et limites dans un tableau ou un texte lisible. |
Rôle
Quel sens disparaît si l’image est retirée ?
Provenance
Quelle source et quelle légende justifient son usage ?
Format
Quelle variante reste nette au format réellement affiché ?
Contrôle final
Relisez la page avec les images masquées, puis sur petit écran. La légende doit rester compréhensible et aucune information essentielle ne doit dépendre de la couleur seule.
Poids des images
Fichiers WebP du site ; scénario estimé, pas une mesure du trafic ou de la vitesse. Le cache, la densité d’écran et les autres ressources changent le résultat réel.
Total estimé : 100,5 KiB
Référence en 960 px : 283,1 KiB
Écart de poids : 182,6 KiB
| Largeur du fichier | Total estimé |
|---|---|
| 480 px | 100,5 KiB |
| 768 px | 203,6 KiB |
| 960 px | 283,1 KiB |
- Table d’édition avec tirages photographiques de différents formats, loupe et règle. Scène illustrative.
- Table de mesure avec fiches, loupe, chronomètre et prisme. Scène illustrative.
- La Terre photographiée par l’équipage d’Apollo 17, le 7 décembre 1972. NASA, AS17-148-22727.
Références documentaires
Consulté le .
Une photo authentique peut être utilisée hors de son époque
La Terre d’Apollo 17 fournit un cas concret : identifier une photographie ne suffit pas à dater le récit qui l’accompagne. La date de la page qui la republie et la date de prise de vue sont deux informations distinctes.
- Prise de vue
- Identifiant documentaire
- AS17-148-22727
À vérifier avant de citer
- Retrouver l’identifiant AS17-148-22727 dans la notice, puis comparer l’image et sa légende.
- Conserver séparément prise de vue, publication et consultation. Une republication récente ne rend pas la photographie récente.
- Pour une couche Worldview, noter aussi le capteur, la date et le traitement : cette photo historique n’est pas une capture de Worldview.
Cas documentaire réel, consulté le 2026-10-14. Version redimensionnée et encodée en WebP, sans recadrage ni retouche IA.
La date d’une page n’est pas celle de sa photographie
Earthrise permet de comparer trois dates documentées. La photographie est réelle ; les deux notices officielles donnent son contexte.
- Prise de vue
- Publication de la notice NASA Science
- Article de republication
La republication de 2024 n’en fait pas une photographie prise en 2024. Conserver la date de prise de vue avec la référence de chaque page consultée.
Que permet de conclure la date de consultation ?
Elle date votre accès à une source. Elle ne remplace ni la prise de vue, ni la publication, et ne prouve pas que la page était identique auparavant.
Sources consultées le . Version WebP redimensionnée du fichier fourni par NASA, sans recadrage ni retouche IA.
02 / Preuves à conserver
Preuves à conserver
Registre visuel
Page, fichier, rôle, propriétaire éditorial et date de révision.
Trace de droits
Source, licence ou autorisation, restrictions et transformations connues.
Contrôle de sens
Texte alternatif, légende, contexte et justification du choix décoratif ou informatif.
Contrôle technique
HTML servi, dimensions, formats, poids et résultat sur écran mobile.
POINT DE CONTRÔLE
Avant de conclure
Une erreur de lecture fréquente et la vérification qui permet de l’éviter.
Conclusion trop rapide
Une image nette et bien compressée peut rester trompeuse si elle est mal légendée, décorative à la place d’une preuve ou incohérente avec la version linguistique.
Contrôle décisif
Vérifier rôle éditorial, provenance, droits, date, légende et texte alternatif dans chaque contexte d’affichage. Tester aussi cadrage et lisibilité aux dimensions réellement servies.
APRÈS LE CONTRÔLE
Décider selon le constat
Le visuel est pertinent mais son autorisation manque
Retirez-le de la diffusion jusqu’à preuve de droits, puis notez licence, restrictions et éventuelles modifications dans le registre.
L’image porte une information absente du texte
Ajoutez une alternative ou un texte voisin adapté au contexte ; vérifiez la compréhension sans affichage de l’image.
Arbitrage et trace de décision
Arbitrage et trace de décision
Ce que le contrôle doit permettre de décider, et la preuve à conserver pour réexaminer ce choix.
Preuve suffisante
Pour chaque image prioritaire, vérifier fichier, dimensions, cadrage, texte alternatif, droit d’usage et cohérence entre page, partage social et balisage. La présence d’un fichier ne garantit pas son utilité.
Décision suivante
Remplacer les images trompeuses ou trop lourdes ; garder une preuve de provenance. Recontrôler le rendu aux tailles courantes et les métadonnées publiques après publication.
OSINT / Références officielles
Quand une image est envisagée pour publication
Distinguer la provenance du fichier, les signes représentés et les droits de reproduction.
Gallica · BnF
Pourquoi commencer iciRechercher l’édition et les conditions de réutilisation d’un document numérisé.
Limite à garder en têteUne copie numérique ne valide pas toutes les affirmations du document. Contrôler la provenance, les erreurs d’OCR et les conditions de réutilisation attachées à la ressource ; la licence d’une photo de la BnF ne s’y applique pas.
Lire la fiche sourceDATA INPI
Pourquoi commencer iciVérifier si un signe visible correspond à une marque déposée en France.
Limite à garder en têteUne inscription ou un dépôt doit être lu avec son statut, sa date et son périmètre de protection.
Lire la fiche sourceEUIPO · DesignView
Pourquoi commencer iciExaminer les dessins et modèles enregistrés sans présumer de la liberté d’usage.
Limite à garder en têteUne recherche visuelle ne garantit ni l’exhaustivité des droits ni la liberté d’exploitation ; vérifier statut et territoire.
Lire la fiche sourceCas de contrôle approfondis
Situations types pour préparer un contrôle. Elles ne décrivent pas des missions ou observations réalisées.
Les conditions d’utilisation ne sont plus documentées
Ce qu’il faut examiner
Retrouver le média d’origine, son auteur déclaré, la notice associée et la date de consultation. Vérifier que les conditions disponibles concernent bien cette version et l’usage envisagé.
Décision et action
Remplacer ou suspendre l’intégration si la permission nécessaire reste indéterminée. Conserver la référence documentaire plutôt que de traiter la présence en ligne comme une autorisation.
Preuve à conserver
Garder l’URL d’origine, la notice consultée, la version, la date et les obligations éditoriales appliquées, notamment l’attribution lorsqu’elle est prévue.
Une variante recadrée supprime le contexte essentiel
Ce qu’il faut examiner
Comparer l’original aux tailles servies sur mobile et ordinateur. Vérifier les légendes, échelles, personnes ou zones qui disparaissent et la cohérence du texte alternatif avec ce qui reste visible.
Décision et action
Adapter le recadrage ou choisir une autre présentation lorsque la perte modifie l’information. Décrire la fonction de l’image dans la page sans promettre des éléments absents de la variante.
Preuve à conserver
Conserver les variantes, leurs dimensions, les points de rupture et la justification du cadrage et du texte alternatif.
La variante charge beaucoup trop d’octets
Ce qu’il faut examiner
Comparer largeur affichée, currentSrc et transfert sur smartphone et desktop.
Décision et action
Ajuster sizes et variantes tout en gardant le sujet lisible.
Preuve à conserver
Largeur, fichier choisi, octets et contrôle du cadrage.
Relecture avant décision
Ces questions complètent la méthode. Elles aident à vérifier ce qui est réellement établi, sans effacer les réserves du relevé.
Origine et fonction
L’origine, les droits connus et les modifications sont-ils documentés ? La légende et l’alternative distinguent-elles photo documentaire, logo, schéma et illustration d’ambiance ?
Voir une décision commentée
Exemple fictif : l’état concerne uniquement le critère et le périmètre décrits.
- Observation fictive
- Une image est marquée « libre » dans un dossier ; auteur, licence exacte et page d’origine ne sont pas indiqués.
- État déclaré
- Non vérifié
- Décision et prochain contrôle
- Ne pas valider les droits sur cette seule mention. Retrouver la source et les conditions, ou choisir une ressource documentée.
Fichier réellement affiché
Sur petit écran, le fichier choisi conserve-t-il dimensions, netteté et sens du cadrage ? Vérifier aussi le chargement différé et les ressources absentes, sans agrandir artificiellement un original pauvre.
Voir une décision commentée
Exemple fictif : l’état concerne uniquement le critère et le périmètre décrits.
- Observation fictive
- Sur mobile, le recadrage coupe la légende intégrée qui distingue la courbe réelle de la prévision.
- État déclaré
- Écart observé
- Décision et prochain contrôle
- Corriger le cadrage ou fournir une légende textuelle visible. Vérifier le fichier effectivement choisi, pas seulement l’original.
Données derrière le graphique
Un graphique possède-t-il une restitution textuelle de son information utile ? Une alternative générique comme « graphique » ne restitue ni valeurs ni tendance.
Documentation consultée : W3C WAI · Images Tutorial ·
Voir une décision commentée
Exemple fictif : l’état concerne uniquement le critère et le périmètre décrits.
- Observation fictive
- L’inventaire du périmètre testé ne contient ni graphique ni schéma porteur de données ; seulement des photos d’ambiance.
- État déclaré
- Hors périmètre justifié
- Décision et prochain contrôle
- Justifier ce hors-périmètre pour les graphiques. Les alternatives des photos restent à contrôler ; réouvrir à l’ajout d’un graphique.
OUTILS / REGISTRES
Informations à relever
Identifier le rôle du média avant de rédiger son texte alternatif : preuve, illustration ou décoration. Relier une preuve à sa source ; marquer clairement une scène illustrée sans lui attribuer un lieu réel.
- Date de consultation et fuseau
- URL exacte
- Poids / dimensions du média
- Texte alternatif / rôle
- Licence / droits de réutilisation
- Affirmation à vérifier
- Décision / prochaine action
- Responsable du contrôle
- Prochain contrôle
03 / FAQ
Questions fréquentes
Toutes les images ont-elles besoin d’un alt descriptif ?
Non. Une image purement décorative peut avoir un alt vide ; une image informative demande une alternative adaptée au contexte.
Une image de fond CSS est-elle suffisante pour le référencement ?
Pour une image éditoriale importante, préférez un élément img avec src et un contexte textuel ; Google n’indexe pas les images de fond CSS comme les images HTML.
Quand ajouter une légende ?
Quand elle précise une source, un fait, une date ou un élément que l’image seule ne permet pas d’établir.
Que faire si les droits sont incertains ?
Suspendre l’usage public, retrouver la preuve de licence ou remplacer le visuel par une ressource autorisée.
04 / Références officielles
Références officielles
Présenter un contexte
REPÈRES DOCUMENTÉS
Resource Timing : trois tailles, plusieurs causes possibles de zéro
La taille du corps encodé, celle du corps décodé et l’indicateur de transfert ne décrivent pas le même objet. Les règles ci-dessous sont celles du Candidate Recommendation Draft W3C du 1er septembre 2026, encore en cours de normalisation.
Corps encodé → décodage HTTP → corps décodé ; aucune indication de mémoire des pixels.
| Repère | Valeur ou forme | Ce que cela désigne |
|---|---|---|
| encodedBodySize | corps encodé | encodedBodySize décrit le corps avant retrait de l’encodage de contenu, par exemple la décompression HTTP. Ce n’est ni le poids du fichier original avant publication ni celui de tous les échanges de la page. |
| decodedBodySize | corps décodé | decodedBodySize décrit le corps après décodage du contenu HTTP. Pour une image, cela ne donne pas la mémoire occupée par les pixels décodés à l’écran. Une compression HTTP et un décodage JPEG sont deux opérations distinctes. |
| transferSize | encodedBodySize + 300 | Dans ce projet de norme, transferSize ajoute une constante de 300 au corps encodé hors cas de cache. Cette constante évite d’exposer la vraie taille des en-têtes : ne pas présenter le résultat comme un relevé exact des octets réseau. |
| CACHE | local : 0 · validé : 300 | La règle distingue cache local, renvoyant zéro, et cache validé, renvoyant 300. Une validation peut nécessiter un échange réseau sans renvoyer tout le corps. Le poids du corps conservé et celui de l’échange sont donc différents. |
| VISIBILITY | TAO ≠ CORS | Des restrictions de visibilité peuvent aussi rendre des champs nuls. Timing-Allow-Origin autorise l’exposition de timings ; CORS régit un autre mécanisme d’accès. Un zéro isolé ne suffit ni à prouver le cache ni à diagnostiquer un fichier vide. |
| SERVICE WORKER | client ↔ worker | Avec un service worker, les timings exposés peuvent décrire le trajet client–worker. Ils ne révèlent pas automatiquement la requête réseau interne du worker. Identifier l’intermédiaire avant de comparer deux observations. |
À retenir pour le dossier
Ces règles décrivent un projet de norme daté, pas une garantie identique dans chaque navigateur. Noter le navigateur et sa version ; contrôler les en-têtes et le contexte de cache avant toute conclusion.
decodedBodySize est-il le poids de l’image en mémoire ?
Non. Le champ concerne le décodage du contenu HTTP. Le format d’image, ses dimensions et son décodage en pixels relèvent d’autres étapes.
Documentation primaire
Documentation consultée le .
REPÈRES DOCUMENTÉS
Cadrage CSS : mesurer ce que cover masque et contain laisse vide
Une vignette de même taille peut montrer des parties différentes d’une image selon son ajustement. Les deux modes conservent son rapport largeur/hauteur, mais répondent à des contraintes opposées. L’explorateur calcule un modèle géométrique centré à partir de dimensions déjà orientées.
| Repère | Valeur ou forme | Ce que cela désigne |
|---|---|---|
| contain | min(Cw / W, Ch / H) | contain retient le plus petit des deux facteurs. Toute l’image tient dans le cadre ; des bandes libres peuvent rester. |
| cover | max(Cw / W, Ch / H) | cover retient le plus grand facteur. Le cadre est rempli ; le débordement de l’image est masqué. |
| rendered | W × s ; H × s | Les dimensions affichées sont la largeur et la hauteur de l’image multipliées par le facteur. Elles ne sont pas nécessairement les dimensions visibles du cadre. |
| object-position | 50% 50% | Avec object-position: 50% 50%, un excédent est réparti de part et d’autre de chaque axe. Le calcul indique ici les retraits gauche/droite et haut/bas en unités de l’image source. |
| fill ≠ cover | aspect ratio | fill peut changer le rapport de l’image ; il est distinct de cover. none et scale-down ont encore d’autres règles et ne sont pas simulés par cet outil. |
Explorer le cadrage centré
Quatre entiers de 1 à 20 000. Image déjà orientée ; object-position: 50% 50%.
Calcul géométrique centré ; résultats arrondis à quatre décimales.
- Facteur · px CSS / px source
- 0.3333
- Dimensions de rendu · px CSS
- 400.0000 × 266.6667
- Retrait à gauche et à droite · px source par côté
- 0.0000
- Retrait en haut et en bas · px source par côté
- 100.0000
- Bandes libres à gauche et à droite · px CSS par côté
- 0.0000
- Bandes libres en haut et en bas · px CSS par côté
- 0.0000
À retenir pour le dossier
Les dimensions de l’image sont des pixels sources carrés dans ce modèle ; le cadre est exprimé en pixels CSS. Le schéma est une illustration, pas une photographie ni une mesure du contenu d’un fichier. Le calcul ignore les arrondis de rastérisation, bordures et transformations CSS. Un sujet décentré peut rester coupé malgré un calcul exact : contrôler les points d’intérêt et les crédits sur les différents formats.
Documentation primaire
Documentation consultée le .
Vérifications complémentaires
- Une image satellite réelle, deux dates à conserver
- Patrimoine numérisé : un statut de droits n’est pas une licence
- EXIF : reconstruire un horodatage avec les bons composants
- C2PA : valider la provenance sans certifier la scène
- Lire les seuils Core Web Vitals sans inventer un verdict
- Contraste du texte : comparer le ratio avant de l’arrondir
- Orientation Exif : huit dispositions, pas seulement quatre rotations
APPROFONDISSEMENT / PRATIQUE
Vérifier le rôle et la cohérence des images
Une image illustre un sujet mais peut suggérer un lieu, une personne ou un événement que la page ne documente pas. L’audit examine fonction éditoriale, contexte et informations associées.
Mis à jour le .
Vérifications prioritaires
Relever source, légende, texte alternatif, dimensions et variantes. Vérifier que l’image correspond à son rôle : illustration, document, portrait ou élément purement décoratif.
Pièges d’interprétation
Une image visuellement pertinente ne constitue pas une preuve du propos. Une légende ou un texte alternatif trop précis peut introduire une attribution que le fichier ne permet pas d’établir.
Document de travail à conserver
L’inventaire d’images associe page, fichier, rôle, provenance et contrôle à effectuer. Les corrections peuvent concerner le contexte, la légende, le poids ou le choix même de l’illustration.
CAS PRATIQUE / EXEMPLE PÉDAGOGIQUE
Une illustration ressemble à un document de terrain
L’exemple est une situation pédagogique de contrôle web. Il relie le défaut à un parcours concret et décrit une manière de vérifier la correction, plutôt que considérer la seule publication du changement comme une preuve de résolution.
Contexte de l’exemple
Une image accompagne un texte de recherche et peut être comprise comme une photographie du cas décrit. La page ne précise pas son rôle ni son origine.
Démarche proposée
Examiner légende, contexte et texte alternatif. Distinguer illustration et pièce documentaire. Adapter la présentation ou choisir un autre visuel si l’ambiguïté persiste malgré une explication.
Conclusion et prochaine étape
Le rôle de l’image devient explicite. Les éléments de preuve restent séparés des visuels destinés à aider la compréhension ou à installer un contexte éditorial.
Questions pour approfondir la pratique
Le texte alternatif peut-il remplacer une légende de provenance ?
Il décrit l’information utile à la compréhension de l’image. La provenance et le rôle éditorial peuvent nécessiter une mention visible distincte, notamment lorsque l’attribution influence la lecture du document.
ATELIER DÉTAILLÉ / MISE EN APPLICATION
Examiner ce que le visuel laisse comprendre
01 / Préparer les informations utiles
Rassembler image, légende, texte alternatif et contexte de page. Définir le rôle attendu : document, illustration, portrait ou élément décoratif.
02 / Exécuter la démarche
Lire la page avec et sans le visuel. Identifier les lieux, personnes ou événements que l’image peut suggérer. Vérifier provenance, attribution et éléments de contexte nécessaires à cette lecture.
03 / Examiner une situation alternative
Si l’image est illustrative mais semble documentaire, adapter la présentation ou le visuel. Une légende doit éclairer son rôle sans lui attribuer une preuve qu’elle ne fournit pas.
04 / Décider de la suite
L’usage est cohérent lorsque le lecteur peut comprendre la fonction du visuel. Les contrôles de poids et de dimensions complètent cette lecture sans remplacer le contrôle éditorial.
05 / Transmettre les éléments de contrôle
Transmettre fichier, usages et décisions. Les pages qui réemploient l’image sont revues si une correction concerne sa provenance, sa légende ou son interprétation.
LIVRABLE COMMENTÉ / GRILLE DE LECTURE
Une fiche d’usage éditorial du visuel
La fiche conserve fichier, provenance, rôle, légende et texte alternatif. Elle examine ce que l’image laisse comprendre et sépare document de preuve, illustration et décoration.
Sur petit écran, faites défiler la grille pour lire les trois colonnes.
| Élément observé | Interprétation permise | Suite à prévoir |
|---|---|---|
| Le rôle illustratif est clair dans la page. | Le visuel soutient la compréhension sans être présenté comme pièce documentaire. | Vérifier les variantes et informations associées à ses autres usages. |
| La légende attribue un lieu non documenté. | La présentation ajoute une affirmation que le fichier ne permet pas d’établir. | Revoir la légende ou choisir une image adaptée au contexte. |
| Le recadrage retire un élément qui change le sens. | La variante peut suggérer une lecture différente de l’original. | Comparer les usages et rétablir le contexte nécessaire. |
Relecture du livrable
La relecture compare ce que le texte affirme et ce que le visuel suggère. Les dimensions et le poids sont utiles au contrôle technique, mais ne démontrent pas la pertinence documentaire de l’image.
RESTITUTION / EXEMPLE DE FORMULATION
Restitution : Vérifier le rôle et la cohérence des images
Point à clarifier
Le rôle d’un visuel doit être compris sans lui attribuer une preuve supplémentaire.
Avant de transmettre
Relire ensemble le texte, l’image et les informations qui accompagnent son usage.
Exemple de conclusion qualifiée
L’image remplit le rôle indiqué dans le contexte de page. La légende et le texte alternatif n’ajoutent pas d’attribution qui dépasse sa provenance documentée.