Vos photos allégées directement dans votre navigateur. Rien n’est envoyé, rien n’est conservé.
Vos photos ne quittent pas votre téléphone. Tout se passe dans votre navigateur : rien n'est envoyé sur un serveur, rien n'est conservé. Fermez la page, il ne reste rien.
Une image plus petite que cette largeur n'est jamais agrandie. 1600 px couvre la quasi-totalité des écrans.
En dessous de 70 %, les aplats de couleur commencent à se voir. 80 à 85 % est le réglage qui passe partout.
Le WebP est lu par tous les navigateurs depuis 2020. Prenez le JPEG seulement si vous devez envoyer le fichier à un outil ancien.
Pourquoi le poids des images décide de votre position
C'est presque toujours le premier problème d'un site lent. Sur la plupart des sites que j'ouvre, les images pèsent plus que tout le reste réuni. Une photo sortie d'un téléphone fait 4 à 8 Mo ; la même, préparée pour le web, en fait moins d'une centaine de kilo-octets. Personne ne voit la différence à l'écran.
Google mesure le temps d'affichage de votre plus grande image. C'est un des trois indicateurs qu'il regarde pour classer une page, et c'est celui sur lequel on gagne le plus vite. Redimensionner et convertir, c'est une heure de travail pour un site entier.
Et sur mobile, ça se paie deux fois. En attente pour le visiteur, et en données consommées. Quelqu'un qui ouvre votre site depuis Instagram en 4G n'attendra pas six secondes qu'une photo se charge.
Les deux erreurs que je vois le plus
Redimensionner en agrandissant. Une photo de 800 px affichée dans un emplacement de 1600 px ne s'améliore pas en l'étirant : elle devient floue et lourde. Cet outil ne le fera jamais, même si vous montez la largeur au maximum.
Renommer sans réduire. Un fichier appelé photo-1200.jpg ne fait pas 1200 px de large parce qu'il s'appelle comme ça. Le nom ne prouve rien, seule la dimension compte.
Si votre site est lent et que vous ne savez pas par où commencer, les images sont le premier endroit à regarder. C'est aussi le seul où le résultat se voit tout de suite.