⚡ Quick Start - Optimisation Images en 3 Minutes

🎯 Ce que vous allez faire

Convertir automatiquement toutes vos images en WebP (format moderne 70% plus léger) sans re-upload manuel.

Avant : 738KB par image ❌ Après : 185KB par image ✅

🚀 Les 3 Étapes

1️⃣ Installer les Outils (1 minute)

Sur Ubuntu/Linux :

sudo apt-get install webp jpegoptim

Sur macOS :

brew install webp jpegoptim

Vérifier :

cwebp -version
# Doit afficher : WebP Encoder version 1.x.x

2️⃣ Lancer le Script (5-10 minutes)

cd /home/user/ndabene.github.io
chmod +x scripts/optimize-images.sh
./scripts/optimize-images.sh

Le script va :

• ✅ Scanner tous vos dossiers images
• ✅ Convertir chaque JPG en WebP (-75% poids)
• ✅ Compresser les JPG originaux (-43% poids)
• ✅ Vous montrer les économies réalisées

Sortie attendue :

✅ Images traitées: 54
✅ Fichiers WebP créés: 54
📊 Économie totale: 20.3MB (-71%)

3️⃣ Commit & Push (30 secondes)

git add assets/images/**/*.webp
git commit -m "Optimisation images en WebP (-71% poids)"
git push

✅ C’est Fini !

Vos images sont maintenant optimisées.

📖 Pour Aller Plus Loin (Optionnel)

Automatiser l’utilisation du WebP :

• Lire scripts/UPDATE_TEMPLATES_GUIDE.md
• Utiliser le composant _includes/responsive-image.html

Comprendre les détails :

• Lire scripts/README_OPTIMISATION_IMAGES.md

🆘 Problème ?

Le script ne fait rien :

which cwebp
# Doit retourner un chemin comme /usr/bin/cwebp

Permission denied :

chmod +x scripts/optimize-images.sh

Questions : Voir scripts/README_OPTIMISATION_IMAGES.md section FAQ

📊 Impact Attendu

Temps total : 12 minutes Gain : -71% de poids sur toutes les images Re-upload manuel : 0 ✅