Photographie & visibilité
Préparer les images d’un site internet
Choisir des visuels utiles, documenter leurs droits, éviter les répétitions et préparer des fichiers rapides et compréhensibles par tous.
Illustration photographique générée par IA : scène fictive, sans représentation d’un client ou d’une équipe réelle.
La réponse en bref
Une photothèque prête à publier et à maintenir.
Commencez par attribuer un rôle à chaque image : montrer l’activité, expliquer un geste, identifier un lieu ou aider à comparer. Constituez ensuite un inventaire avec source, droits, sujet, page prévue et date de révision. Publiez une version adaptée à chaque taille d’écran, avec une alternative textuelle qui décrit ce que l’image apporte dans son contexte.
Une photographie principale aide à comprendre une offre lorsque son sujet est précis. Une image décorative interchangeable, surtout répétée sur plusieurs pages, apporte peu de valeur et peut créer une impression artificielle. Les pages de service, listes de guides et fiches locales méritent une intention visuelle distincte.
Le nom de fichier et les métadonnées peuvent apporter du contexte, mais ils ne remplacent ni le sujet visible, ni le texte voisin, ni une légende utile. Les informations EXIF sensibles ou obsolètes, notamment la géolocalisation, doivent être examinées avant publication.
Outil de préparation
Combien pèsent les images de votre page ?
Comparez une hypothèse d’export actuelle à une version optimisée. Relevez le poids des fichiers réellement servis, plutôt que celui des originaux. Le calcul porte uniquement sur les images : il ne prédit pas le temps de chargement du site.
À retenir
Nombre × poids moyen
Pour 8 images de 450 ko : 3,60 Mo. À 120 ko par image : 0,96 Mo. La différence est de 2,64 Mo, soit environ 73,3 % du poids initial.
- 01Définir le rôle
Preuve, explication ou ambiance.
- 02Choisir le cadrage
Conserver le sujet sur mobile.
- 03Comparer les exports
Dimensions, qualité et poids.
- 04Décrire et créditer
Alternative et origine vérifiées.
Pour une image informative, décrivez l’information utile dans son contexte. Une image purement décorative reçoit une alternative vide ; une image qui sert de lien doit annoncer sa fonction. Le nom de fichier seul ne remplace pas cette description.
Référence : W3C · arbre de décision pour les alternatives d’images, consultée le 14 octobre 2026. La réduction de poids doit conserver la fidélité des produits, des textes et des détails utiles.
Cas pratique commenté
Visualiser le poids d’une galerie avant publication.
Dans cet exemple fictif, huit images de 600 ko représentent 4 800 ko. Huit versions de 150 ko représentent 1 200 ko : le volume des images baisse de 75 %. Ces valeurs servent à expliquer le calcul ; elles ne constituent ni un objectif universel ni une mesure de ce site.
Ce que l’exemple permet de décider
Le fichier le plus léger doit encore montrer correctement les matières, les petits caractères et les couleurs utiles. Vérifiez aussi la taille réellement servie selon l’écran : une petite vignette n’a pas les mêmes besoins qu’une vue détaillée.
Prochaine décision : Le poids économisé ne se traduit pas directement par le même pourcentage de temps gagné : réseau, serveur, scripts et ordre de chargement interviennent aussi.
Vérifications à réaliser
- Comparer la netteté à la taille d’affichage réelle.
- Tester le sujet important dans le cadrage mobile.
- Réserver les dimensions dans la page pour limiter les déplacements de contenu.
Économie illustrée : 3,6 Mo. Les valeurs restent lisibles sans le graphique.
Pour adapter les fichiers à l’affichage : MDN, images responsives, consulté le 15 octobre 2026.
Méthode en 6 étapes
Passer d’une intention générale à des décisions vérifiables.
Chaque étape produit une information qui peut être relue, attribuée et utilisée dans la suivante.
Cartographier les emplacements
Lister photos principales, cartes, listes, fiches, partages sociaux et documents téléchargeables.
Définir le sujet
Choisir un geste, un produit, une personne autorisée ou un lieu pertinent pour chaque page.
Vérifier les droits
Conserver origine, licence ou autorisation, durée, territoire et conditions de modification.
Préparer les fichiers
Corriger le cadrage, exporter des dimensions adaptées et comparer visuellement le poids obtenu.
Décrire sans surcharger
Rédiger un alt contextuel, un nom de fichier lisible et, si elle aide, une légende visible.
Contrôler en situation
Tester mobile, chargement, contraste, recadrage et absence de doublons dans les parcours.
Référentiel opérationnel
Registre de préparation des images web.
Utilisez ce tableau comme base d’entretien, de brief ou de revue. Adaptez la fréquence et le niveau de preuve au risque réel du projet.
| Emplacement | Image utile | Préparation | Contrôle |
|---|---|---|---|
| Accueil | Scène qui situe clairement l’activité | Cadrage large et sujet identifiable | Sujet visible sur mobile |
| Page service | Geste ou livrable propre au service | Fichier et alt spécifiques | Pas de visuel générique répété |
| Liste de guides | Vignette distincte pour chaque sujet | Ratio cohérent et tailles responsives | Aucun doublon voisin |
| Fiche territoriale | Image du territoire seulement si elle est authentifiée | Lieu, droits et contexte vérifiés | Aucune fausse présence locale |
| Produit | Vue fidèle des caractéristiques utiles | Angles et couleurs maîtrisés | Compréhension sans zoom forcé |
| Partage social | Image lisible hors du site | Format et dimensions Open Graph | Aperçu réel vérifié |
| Photothèque | Original conservé séparément | Droits, sujet et date documentés | Révision planifiée |
| Métadonnées | Informations factuelles seulement | EXIF sensible examiné et crédit exact | Aucun auteur ou lieu inventé |
Avant de valider
8 points de contrôle.
Une vérification courte vaut mieux qu’une intention implicite. Conservez une preuve proportionnée : document, capture, résultat de test ou décision datée.
- ContrôlerChaque page importante possède un visuel principal pertinent ou un choix éditorial explicite.
- ContrôlerLes images d’une même liste se distinguent visuellement.
- ContrôlerLes droits et autorisations sont conservés dans un registre interne.
- ContrôlerLes images sont intégrées dans des éléments HTML découvrables.
- ContrôlerLa version mobile conserve le sujet principal sans recadrage trompeur.
- ContrôlerLes attributs alt décrivent la fonction de l’image sans répétition de mots-clés.
- ContrôlerLes dimensions évitent les décalages de mise en page.
- ContrôlerLes métadonnées publiées ne révèlent aucune information privée.
Situation pédagogique
Une photo très large apparaît dans une petite carte
Mesurez la taille affichée, le fichier téléchargé et la netteté nécessaire. Fournissez plusieurs tailles plutôt qu’un original unique ; gardez le sujet important visible lors du recadrage.
Décision à préparer : Attribuer une fonction et des variantes à chaque image publiée.
Ce scénario illustre une méthode ; il ne décrit pas une réalisation client.
Une trace de travail à réutiliser
Créez un document avec les champs suivants :
Fichier ; sujet ; page ; dimensions ; variantes ; poids ; droits ; alternative textuelle.
Critère de validation
Sur mobile, une ressource adaptée est téléchargée et le sujet reste compréhensible.
Approfondir l’étape suivante →Questions fréquentes
Réponses directes avant de décider.
Ces repères restent généraux. Le contexte, les outils, l’organisation et les obligations applicables peuvent modifier la réponse.
Faut-il remplir les données EXIF pour le SEO ?
Ce n’est pas un raccourci de classement. Des métadonnées exactes peuvent documenter la création et les droits, mais Google insiste aussi sur le contexte de la page, le texte alternatif et la découvrabilité de l’image.
Peut-on utiliser la même photo sur plusieurs pages ?
Oui lorsqu’elle représente réellement le même sujet, par exemple un logo. Pour les cartes éditoriales et les photos principales, une image distincte aide généralement à reconnaître chaque contenu.
Quel format choisir ?
Choisissez selon le contenu et le support du navigateur. WebP ou AVIF conviennent souvent aux photos ; SVG est adapté aux logos vectoriels de confiance. Comparez la qualité obtenue au poids réel.
Une image générée peut-elle représenter une équipe ou un client ?
Elle ne doit pas être présentée comme une preuve d’une personne, d’un lieu ou d’une réalisation réelle. Une illustration peut expliquer un sujet, mais les preuves commerciales doivent rester authentiques et autorisées.
Que faire d’une photo absente ?
Définissez d’abord le sujet nécessaire. Organisez une prise de vue ou choisissez une illustration clairement éditoriale ; évitez de remplir l’espace avec une image sans rapport.
Sources et prolongements
Vérifier le cadre et poursuivre la préparation.
Guides associés
Relier cette décision aux étapes voisines.
Contenus utilesConstruire une stratégie de contenu SEO et SXO
Relier les intentions de recherche, l’expertise métier, les preuves et les parcours de décision pour publier moins, mais publier mieux.
Lire le guide →
Diagnostic SEO & SXOAuditer un site internet
Une méthode en douze axes pour repérer les freins techniques, éditoriaux et commerciaux, puis classer les corrections selon leur impact réel.
Lire le guide →
SEO & moteurs IARendre son site compréhensible par les moteurs et assistants IA
Structurer des réponses vérifiables, une identité cohérente et des sources claires pour faciliter la découverte et la citation de vos contenus.
Lire le guide →