Il y a une scène que je connais par cœur. L'artisan sort son téléphone, fait défiler trente photos d'un chantier dont il est fier et il a raison de l'être. On les met en ligne le soir même. Le lendemain, la page « Réalisations » met huit secondes à s'afficher, et plus personne ne va jusqu'au bas de la galerie.

C'est le paradoxe le plus cruel du web artisanal : ce qui vend le mieux votre travail est aussi ce qui fait le plus fuir vos visiteurs.

Le mois dernier, je vous parlais des raisons pour lesquelles un site en ligne n'apporte parfois aucun client. Les images en sont, de loin, la cause technique numéro un.
Bonne nouvelle : c'est aussi la plus simple à corriger, et vous n'avez besoin ni de matériel, ni de compétences en informatique.

Le problème est un chiffre

Une photo prise avec un téléphone récent pèse entre 3 et 12 Mo.

Sur un site web, une photo bien préparée pèse entre 100 et 300 Ko soit vingt à cinquante fois moins, sans différence visible à l'écran.

Faites le calcul pour une galerie de vingt photos. D'un côté, une page de plus de 100 Mo, qui met une éternité à s'afficher sur un forfait mobile en zone rurale. De l'autre, une page de 3 Mo qui s'ouvre en une seconde.

Même photos, même qualité perçue, deux expériences opposées.

Les trois réglaes qui font tout

Avant de téléverser quoi que ce soit sur votre site, trois gestes. Ils prennent deux minutes par photo au début, trente secondes une fois l'habitude prise.

1. Réduire les dimensions

Votre téléphone produit des images de 4 000 pixels de large. Aucun écran n'en affiche autant sur un site.
- 1 600 à 2 000 pixels de large pour une image qui occupe toute la largeur de la page
- 800 à 1 200 pixels pour une vignette de galerie.

C'est le réglage qui fait gagner le plus de poids, et de très loin.

2. Choisir le bon format

Le WebP offre la même qualité qu'un JPEG pour environ 30 % de poids en moins, et il est accepté nativement par WordPress comme par tous les navigateurs actuels. Utilisez-le par défaut pour vos photos.

Gardez le PNG uniquement pour les logos et les images à fond transparent. Et méfiez-vous des fichiers exportés depuis Canva ou reçus par e-mail : ils arrivent souvent en très haute définition, sans que rien ne le signale.

3. Compresser

Une compression de qualité 75 à 85 % est invisible à l'œil nu et divise le poids par deux ou trois.

Trois outils gratuits, sans installation :

- Squoosh : vous glissez la photo, vous voyez la différence avant/après en direct et le poids obtenu. Idéal pour comprendre ce qui se passe.
- TinyPNG : encore plus simple, plusieurs photos d'un coup.
- Sur WordPress, une extension d'optimisation d'images peut faire ce travail automatiquement à chaque téléversement, la solution la plus confortable si vous publiez souvent.

Objectif à retenir : une photo au-dessus de 400 Ko n'a rien à faire sur votre site.

Photographier son travail sans être photographe

L'optimisation ne rattrape pas une mauvaise photo. Quelques principes suffisent pourtant à changer radicalement le résultat, avec le téléphone que vous avez déjà.

Un ciel couvert est votre meilleur allié : la lumière est douce et sans ombres dures. En intérieur, ouvrez les volets et éteignez le flash, qui écrase les reliefs et fausse les couleurs un comble quand on travaille le bois, la pierre ou l'enduit.

Le carton d'emballage dans un coin, l'escabeau, le gobelet de café : ils coûtent plus cher en crédibilité que trois heures de finition.

Pour chaque chantier, visez trois images : une vue d'ensemble qui situe, un plan rapproché sur le détail qui prouve votre savoir-faire (un assemblage, une jonction, une finition), et si possible une photo avec quelqu'un dedans vous, votre équipe, une main au travail. L'humain crée l'attachement.

Vos plus belles réalisations plombent votre site (et comment l’éviter)

L'avant/après, à condition de ne pas tricher. C'est le format le plus convaincant qui existe, mais il n'a de valeur que si les deux photos sont prises du même endroit, à la même hauteur, avec le même cadrage. Prenez le réflexe de photographier systématiquement avant de commencer : cela ne coûte rien et vous ne pourrez jamais le rattraper ensuite.

Pensez vertical. Vos visiteurs regardent sur un téléphone. Une photo horizontale s'y affiche minuscule. Prenez les deux cadrages quand c'est possible.

Le détail que tout le monde oublie : le nomm du fichier

Google ne voit pas vos photos. Il lit ce qui les entoure.

'IMG_2847.jpg' ne lui apprend rien. 'renovation-cuisine-chene-toulouse.jpg' lui apprend votre métier, votre matériau et votre ville. Renommez vos fichiers avant de les téléverser, en minuscules, avec des tirets et sans accents.

Remplissez ensuite le texte alternatif de chaque image dans WordPress : une phrase courte décrivant ce que l'on voit « Cuisine en chêne massif sur mesure avec plan de travail en granit ».
Ce texte sert à deux choses : il permet à Google de comprendre l'image, et il permet aux personnes qui naviguent avec un lecteur d'écran de savoir ce qu'elles ratent. C'est du référencement et de l'accessibilité d'un seul geste.

Une galerie n'est pas un dossier de photos

Dernière erreur, et la plus fréquente : tout mettre.

Deux cents photos alignées sans légende ne racontent rien. Elles donnent au visiteur le sentiment de fouiller dans un disque dur.

Préférez huit à douze réalisations choisies, et donnez à chacune trois lignes de contexte :

- ce que voulait le client,
- la contrainte à résoudre (un plafond mansardé, un mur porteur, un budget serré, un délai),
- ce que vous avez fait, avec les matériaux,
- la durée du chantier et, si vous l'assumez, un ordre de prix.

Ces trois lignes valent dix photos. Elles permettent à votre futur client de se reconnaître dans le problème, et donc de se projeter dans la solution. Le budget indiqué, en particulier, filtre les demandes hors-cible et vous fait gagner un temps considérable.

Vérifiez enfin que votre galerie utilise le chargement différé (« lazy loading ») : les images du bas ne se téléchargent qu'au moment où le visiteur y arrive. WordPress le fait nativement, mais certains modules de galerie le désactivent sans prévenir.

FAQ

Combien de photos faut-il par réalisation ?

Trois à cinq suffisent : une vue d'ensemble, un ou deux détails, et si possible un avant/après. Au-delà, l'attention du visiteur décroche et le poids de la page augmente pour rien.

Le WebP est-il compatible avec tous les navigateurs ?

Oui. Le format est pris en charge par l'ensemble des navigateurs actuels et accepté nativement par WordPress. Il n'y a plus de raison de s'en priver pour des photos.

Faut-il ajouter un filigrane sur ses photos ?

C'est rarement une bonne idée : un filigrane alourdit visuellement l'image et donne un côté défensif. Si vous craignez la réutilisation, un nom de fichier et un texte alternatif bien renseignés vous protègent mieux, car ils prouvent l'antériorité.

Mes photos sont déjà en ligne, trop lourdes. Faut-il tout refaire ?

Non. Commencez par les pages les plus visitées accueil et réalisations et par les images les plus lourdes. Une extension d'optimisation peut aussi traiter rétroactivement l'ensemble de votre médiathèque en une opération.

Rédigé par Roxane Duquénoy, le 3 septembre 2026

Abeille animée
Résumé de la politique de confidentialité

Ce site utilise des cookies afin que nous puissions vous fournir la meilleure expérience utilisateur possible. Les informations sur les cookies sont stockées dans votre navigateur et remplissent des fonctions telles que vous reconnaître lorsque vous revenez sur notre site Web et aider notre équipe à comprendre les sections du site que vous trouvez les plus intéressantes et utiles.