Les photos font la moitié du travail d’une page : elles montrent le lieu, les personnes, le travail fait. Elles en font aussi l’essentiel du poids. Et une photo mal choisie, ou publiée sans les bons accords, peut coûter plus qu’elle ne rapporte.
Quatre questions avant d’en mettre une en ligne : est-elle vraie, en avez-vous le droit, est-elle légère, est-elle décrite ?
Vos vraies photos d’abord
Les internautes ne regardent pas toutes les images de la même façon. Les études d’oculométrie du Nielsen Norman Group montrent qu’ils passent sur les images décoratives et s’attardent sur celles qui leur apprennent quelque chose : le produit, le lieu, les vraies personnes (2010). Sur une page d’équipe, les participants ont passé plus de temps sur les portraits que sur les biographies, qui occupaient pourtant bien plus de place.
Les photos de banque d’images font l’effet inverse. Dans une autre série de tests, les participants disaient voir à travers ces images génériques, et préféraient les photos des vrais employés et des vrais produits (Nielsen Norman Group, 2019).
Ce qu’il faut montrer, par métier :
- Une boulangerie : le comptoir à l’ouverture, le pain qui sort du four, la vitrine.
- Un artisan : ses chantiers, en avant et après, et son équipe au travail.
- Un restaurant : les plats tels qu’ils sont servis, la salle, la terrasse.
- Un cabinet : la salle d’attente, l’accès, les visages de l’équipe.
- Une photographe : son propre travail, évidemment, et son portrait.
Un téléphone récent suffit, avec de la lumière du jour et un cadrage soigné.
Et les images créées par IA ? Une étude menée en 2026 sur 77 participants américains n’a pas trouvé qu’elles inspiraient moins confiance que des photos de banque d’images. Mais les participants qui soupçonnaient une image d’être générée jugeaient le site moins favorablement (Nielsen Norman Group, 2026). Réservez-les à l’ambiance, et montrez votre travail, votre lieu et votre équipe en vraies photos.
Une photo trouvée en ligne reste protégée
Pouvoir afficher une image sur internet ne donne pas le droit de la reprendre. La mission du ministère de l’Économie chargée de la propriété intellectuelle (APIE) le rappelle : sans autorisation du photographe, la reproduire expose à un recours, et les photographes font de plus en plus surveiller leurs images par des robots (2021).
- « Libre de droits » n’a aucun sens en droit français. Sans conditions d’utilisation claires, il faut l’accord écrit de l’auteur.
- Une banque d’images vend une licence. Vérifiez qu’elle couvre votre usage : un site professionnel, pour la durée voulue.
- Une licence Creative Commons autorise certains usages, à ses conditions : souvent, citer l’auteur.
- Votre photographe vous cède des droits par contrat. Faites-y figurer le site et les réseaux sociaux.
Le droit à l’image des personnes photographiées
Une personne reconnaissable sur une photo doit avoir donné son accord écrit avant la diffusion. Cet accord précise le support, l’objectif et la durée, et une nouvelle utilisation demande un nouvel accord. Pour un mineur, il faut l’accord écrit des parents (Service-public.gouv.fr, 2022).
Vos salariés sont concernés aussi. La CNIL indique que l’employeur doit obtenir leur autorisation avant de publier leur photo, de préférence par écrit, et qu’ils peuvent s’y opposer. En 2022, la Cour de cassation a jugé que deux salariés pouvaient obtenir réparation pour une photo de groupe publiée sur le site de leur entreprise : la seule atteinte à leur droit à l’image y suffisait, sans autre préjudice à prouver (Service-public.gouv.fr, 2022).
En pratique : faites signer une autorisation courte qui dit quelle photo, où elle paraîtra et pour combien de temps. Pour une salle de restaurant pleine, cadrez de façon à ce qu’aucun client ne soit reconnaissable, ou demandez-lui.
Des images légères, à la taille de l’écran
Les images sont ce qui pèse le plus lourd dans une page. Sur mobile, la page d’accueil médiane charge 911 Ko d’images, plus que son code JavaScript ou ses polices (HTTP Archive, 2025). Sur une page mobile sur dix, la plus grosse image pèse à elle seule un mégaoctet ou davantage (HTTP Archive, 2024). Chaque kilo-octet ralentit l’affichage, surtout en 4G dans la rue.
Les gestes qui allègent, d’après web.dev, le site de Google sur la performance :
- Redimensionnez. Une image plus large que son cadre pèse pour rien : une photo de 1 000 pixels affichée dans un cadre de 500 est deux fois trop grande. Les écrans très denses justifient une version plus fine, que l’étape suivante leur réserve.
- Proposez plusieurs tailles. L’attribut srcset laisse le navigateur choisir la version adaptée à l’écran : petite pour un téléphone, grande pour un écran large.
- Choisissez un format moderne. Le WebP compresse en général mieux que le JPEG et le PNG. L’AVIF va plus loin, avec des gains de plus de moitié face au JPEG dans certains tests. Gardez une version JPEG de secours pour les navigateurs anciens. Ces formats restent rares : en 2024, le WebP ne représentait que 12 % des images des pages mobiles, et l’AVIF 1 % (HTTP Archive).
- Compressez, puis vérifiez à l’œil que la photo reste nette.
- Chargez à la demande ce qui est plus bas. L’attribut loading="lazy" attend que l’image approche de l’écran. Jamais pour la première image visible : web.dev déconseille de différer l’image principale du premier écran (2024).
Pour aller plus loin sur la vitesse, voir les Core Web Vitals.
Le texte alternatif
Le texte alternatif décrit une image pour qui ne la voit pas : une personne aveugle dont le lecteur d’écran lit la page, ou un visiteur dont l’image n’a pas chargé. Les règles d’accessibilité du web l’exigent pour toute image qui porte une information (WCAG, critère 1.1.1, niveau A). Pourtant, 45 % des images du web n’en ont aucun (HTTP Archive, 2024).
Le W3C propose un arbre de décision simple (2024) :
- L’image informe : décrivez ce qu’elle apporte, en une phrase. « Tarte aux fraises du jour, servie à la part » plutôt que « photo1 ».
- L’image est un lien ou un bouton : décrivez l’action ou la destination, comme « Appeler le cabinet ».
- L’image contient du texte : reprenez ce texte.
- L’image est décorative : laissez le texte alternatif vide, pour que le lecteur d’écran la passe.
Google lit aussi ces textes. Il recommande des descriptions utiles, sans empiler les mots-clés, des noms de fichiers courts et parlants, et des images placées près du texte qui en parle (Google Search Central, 2026). Un artisan qui nomme son fichier « salle-de-bain-douche-italienne-rennes.webp » et le décrit « Salle de bain refaite à Rennes : douche à l’italienne et carrelage gris clair » sert à la fois ses visiteurs et son référencement.
Sur les sites composés par 29webs, la vidéo de fond est une scène créée par un modèle de génération d’après votre description : elle installe une ambiance. Elle est réencodée et allégée, sans piste son, avec une affiche qui reste seule à l’écran quand le visiteur a demandé moins d’animations.
En résumé : montrez vos vraies photos, avec l’accord écrit des personnes reconnaissables et une licence pour tout ce qui ne vient pas de vous. Redimensionnez, compressez, décrivez chaque image utile en une phrase.
Sources
- Nielsen Norman Group, Photos as Web Content (2010, relu en 2026)
- Nielsen Norman Group, “About Us” Information on Corporate Websites (2019)
- Nielsen Norman Group, AI-Generated Images Can Perform as Well as Stock Photography (2026)
- Ministère de l’Économie (APIE), Utilisation de photographies trouvées sur internet : vigilance ! (2021)
- Service-public.gouv.fr, Droit à l’image et respect de la vie privée (2022)
- Service-public.gouv.fr, Photo de groupe sur le site internet de l’entreprise : l’image d’un salarié est-elle protégée ? (2022)
- CNIL, Puis-je refuser que ma photographie figure dans l’annuaire du personnel ?
- HTTP Archive, Web Almanac 2025, chapitre Page Weight (publié en 2026)
- HTTP Archive, Web Almanac 2024, chapitre Media (2024)
- web.dev, Image performance (2023)
- web.dev, Browser-level image lazy loading (2024)
- W3C, Understanding Success Criterion 1.1.1: Non-text Content (2026)
- W3C WAI, An alt Decision Tree (2024)
- Google Search Central, Bonnes pratiques pour Google Images (2026)