Préparer vos photos pour le site : taille, poids, format et nom

Une belle photo peut ralentir tout un site si elle est mal préparée. Et un site lent, sur un téléphone en 4G dans les Hauts, c'est un client qui repart. Voici les quatre étapes pour des images légères, nettes et compréhensibles par Google.

Pourquoi préparer ses photos ?

Une photo prise au téléphone fait souvent plusieurs milliers de pixels de large et pèse lourd. Or l'écran d'un téléphone, ou même d'un ordinateur, en affiche beaucoup moins. Le visiteur télécharge donc une image bien plus lourde que nécessaire, et la page met du temps à s'afficher.

Étape 1 : redimensionner

Réduisez la largeur de l'image à ce dont le site a réellement besoin.

• Une grande image en haut de page n'a pas besoin d'être aussi large qu'une photo de téléphone brute.
• Une vignette (petite image dans une liste) peut être beaucoup plus petite.

Si quelqu'un gère votre site, demandez-lui les dimensions conseillées : elles dépendent de la mise en page.

Étape 2 : compresser

La compression allège le fichier sans différence visible à l'œil nu.

• Visez des images légères, de l'ordre de quelques centaines de kilo-octets au maximum pour les plus grandes, et bien moins pour les petites.
• Des outils gratuits en ligne ou des logiciels de retouche permettent de compresser en quelques clics. Comparez avant et après : si la photo devient floue ou « en escalier », compressez un peu moins.

Étape 3 : choisir le bon format

• JPEG : le format classique pour les photos.
• WebP : un format plus récent, souvent plus léger à qualité égale, bien pris en charge par les navigateurs actuels.
• PNG : à réserver aux logos et aux images avec transparence, pas aux photos.

Étape 4 : donner un nom parlant

Le nom du fichier aide Google à comprendre l'image. Comparez :

• IMG_4567.jpg : ne dit rien.
• gateau-chocolat-patisserie-saint-pierre.jpg : décrit le contenu et le lieu.

Les bonnes habitudes : minuscules, sans accents, mots séparés par des tirets, et une description courte et honnête de ce que montre la photo. N'empilez pas des mots-clés sans rapport.

Et après : le texte alternatif

Chaque image du site devrait aussi avoir une courte description, le texte alternatif. C'est un sujet à part entière : voyez comment écrire le texte alternatif de vos images.

Les erreurs les plus courantes

• Envoyer directement les photos du téléphone sur le site, sans les retoucher.
• Mettre dix grandes photos les unes sous les autres sur la page d'accueil.
• Utiliser une photo très lourde comme fond de page.
• Garder des noms de fichiers comme « photo1 », « photo2 », « final-final ».

Une petite routine

Avant d'ajouter une photo sur votre site :

1. Je choisis la meilleure, pas les dix presque identiques.
2. Je la recadre si besoin.
3. Je la redimensionne et la compresse.
4. Je la renomme avec des mots qui décrivent ce qu'elle montre.
5. Je prépare son texte alternatif.

En résumé

• Une photo de téléphone brute est beaucoup trop lourde pour un site.
• Redimensionner, puis compresser, sans perte visible.
• JPEG ou WebP pour les photos, PNG pour les logos.
• Un nom de fichier en minuscules, sans accents, avec des tirets.

Besoin d'un coup de main pour préparer les images de votre site ? Esteban DC accompagne les commerces de La Réunion : demandez à être rappelé.