💾 Réduire le poids de vos images PNG en 2 clics avec WebP

Les images trop lourdes ralentissent votre site, nuisent à l’expérience utilisateur et pénalisent votre référencement. Heureusement, le format WebP permet souvent de réduire le poids d’une image de 50 à 80 % sans perte visible de qualité.

📊 Un exemple concret

✅ Résultat : votre page se charge plus vite, vos visiteurs sont satisfaits, et votre SEO vous dit merci.

🛠️ Convertir une image avec Squoosh.app

Pour convertir facilement une image PNG en WebP, vous pouvez utiliser squoosh.app, un outil gratuit et sans inscription.

1. Ouvrez https://squoosh.app
2. Glissez votre image .png dans la zone prévue
3. Dans le panneau de droite, choisissez le format WebP
4. Cliquez sur Download pour récupérer votre image optimisée

💡 Astuce bonus pour vos images web

Pensez à ajouter l’attribut loading="lazy" sur vos balises <img>. Cela permet de ne charger les images que lorsque l’utilisateur les fait apparaître à l’écran.

<img src="image.webp"
     alt="Description de l'image"
     loading="lazy"
     width="800"
     height="600">

Optimisation des performances par conversion WebP

Avant optimisation

Après optimisation

💡 Pourquoi passer au format WebP (et bien lire les diagnostics)

Le format WebP permet de réduire drastiquement la taille des images sans perte visuelle notable. Dans le cas de la page d’accueil osmodev.fr, sa mise en œuvre a suffi à supprimer les deux avertissements relatifs :

• au format des images (non moderne)
• et à leur dimensionnement

Résultat : un passage du LCP de 2360 ms à 700 ms, sans intervention côté serveur ni code JavaScript.

🔍 Attention à l’interprétation des chiffres :
PageSpeed signalait des gains de 2919 Kio (formats modernes) et 2932 Kio (dimensionnement), mais ces chiffres ne sont pas à additionner directement. Une même image peut apparaître dans les deux catégories, et donc le gain total réel est inférieur à la somme brute.

🚀 Aller plus loin

• Pourquoi déclarer les dimensions width et height
• Structure d’image responsive avec picture et srcset