pinterest
Imagify — Compression automatique & WebP (Profil simple 2025)

Imagify — Compression automatique & WebP

Mon profil simple pour obtenir des images légères, nettes et prêtes pour le SEO. On règle une fois, puis ça tourne tout seul à l’upload et en masse.

  • Compression Automatique à l’upload
  • Génération WebP (+ AVIF si dispo)
  • Redimension max (largeur contrôlée)
  • Sauvegarde de l’original
Exemple d’image compressée avec Imagify
Aperçu après optimisation (exemple fourni).

📋 Sommaire

1. Installation & connexion 2. Profil de compression (recommandé) 3. WebP / AVIF : génération & affichage 4. Redimension automatique 5. Vignettes & exclusions 6. Optimisation en masse 7. Workflow à l’upload 8. Intégration WP Rocket / LiteSpeed 9. Mes préréglages 10. Mesurer les gains 11. Dépannage rapide FAQ

1) Installation & connexion

  1. WordPress → Extensions → Ajouter → cherchez Imagify → Installez & Activez.
  2. Créez/collez votre API Key Imagify (compte gratuit possible).
  3. Dans Réglages → Imagify, activez la compression automatique.

Astuce : gardez la sauvegarde des originaux activée (roll‑back facile).

2) Profil de compression (recommandé)

Normal

Léger & sûr, très proche de l’original. Idéal pour photos sensibles.

Agressif (mon choix par défaut)

Excellent ratio qualité/poids pour la majorité des sites (vitrine, blog, e‑commerce).

Ultra

Compression maximale, peut marquer certaines zones. À tester au cas par cas.

Activez « Créer une sauvegarde des images originales » pour revenir en arrière si besoin.

3) WebP / AVIF : génération & affichage

  • Cochez « Créer des versions WebP ». (AVIF si votre version/serveur le propose.)
  • Affichage recommandé : tag <picture> (compatibilité large).
  • Alternative : réécritures serveur (Apache/Nginx) pour servir WebP de façon transparente.

Exemple HTML :

<picture>
  <source type="image/avif" srcset="image.avif">
  <source type="image/webp" srcset="image.webp">
  <img src="image.jpg" alt="…" loading="lazy" width="1200" height="800">
</picture>

4) Redimension automatique

Activez « Redimensionner les images » et fixez une largeur max adaptée à votre thème (ex. 2560 px ou 2048 px). Gardez le ratio. Cela évite les uploads géants (6000 px) inutiles.

5) Vignettes & exclusions

  • Optimisez les tailles de vignettes réellement utilisées par votre thème.
  • Excluez les logos, favicons, icônes si vous voulez garder l’original pixel‑perfect.
  • Pour WooCommerce, vérifiez les tailles catalogue et single.

6) Optimisation en masse

  1. Médias → Bulk Optimization.
  2. Choisissez le profil (Agressif recommandé) et lancez.
  3. Surveillez les crédits si vous avez un gros volume.

La progression peut se faire par lots. Évitez d’optimiser pendant des pics de trafic.

7) Workflow à l’upload

  • Compression automatique à l’upload : activée.
  • Génération WebP à l’upload : activée.
  • Sauvegarde des originaux : activée.
  • Redimension max (2560/2048) : activé.

8) Intégration WP Rocket / LiteSpeed

  • Lazy‑load : laissez-le au plugin de cache (WP Rocket/LSCache). Imagify gère la compression, pas le lazy.
  • WebP/AVIF : si vous utilisez le tag <picture>, inutile d’activer une réécriture côté cache.
  • CDN : QUIC.cloud (avec LSCache) ou CDN tiers : vérifiez que les en‑têtes Content‑Type renvoient bien image/webp pour les variantes.

9) Mes préréglages « Profil simple »

  • ✅ Compression : Agressif
  • ✅ Sauvegarder l’original
  • ✅ Créer les WebP (AVIF si dispo)
  • ✅ Redimension max : 2560 px
  • ✅ Optimiser les vignettes utilisées
  • 🚫 Pas de lazy‑load (laissé au cache)
  • 🚫 Pas d’optimisations dubliquées côté thème
  • 🛈 CDN : vérifier les mimes WebP/AVIF
  • 🛈 Tests : Lighthouse mobile d’abord

10) Mesurer les gains

  • Lighthouse (Chrome) : vérifiez « Serve images in next‑gen formats » et « Efficiently encode images ».
  • Network : la colonne Type doit afficher image/webp / image/avif.
  • Poids total page avant/après

11) Dépannage rapide

  • Pas de WebP affiché : vérifiez méthode d’affichage (picture vs réécriture), videz cache/CDN.
  • Qualité trop basse : repassez des images clés en Normal (fonction re‑optimize au besoin).
  • Images floues : largeur max trop faible → augmentez à 2560 px.
  • Crédits : surveillez la consommation lors du bulk.

FAQ — Imagify

Quel profil choisir par défaut ?

« Agressif » donne le meilleur compromis qualité/poids. Pour des visuels très détaillés, testez « Normal ».

WebP suffit‑il ou faut‑il aussi AVIF ?

WebP couvre déjà la plupart des navigateurs. AVIF est un bonus si disponible et bien servi par votre CDN/serveur.

Dois‑je garder l’original ?

Oui au début : cela facilite les retours arrière et de nouveaux tests de profils.

Lazy‑load : Imagify ou cache ?

Laissez le lazy‑load à WP Rocket/LiteSpeed Cache pour centraliser les optimisations front.

Faut‑il optimiser toutes les vignettes ?

Optimisez les tailles réellement utilisées. Inutile d’optimiser des tailles jamais affichées.

SEO (à renseigner dans votre plugin SEO)

  • Title ≤60 : Imagify — Compression automatique & WebP (Profil simple 2025)
  • Meta ≤155 : Réglages rapides d’Imagify : profil de compression, WebP/AVIF, redimension et optimisation en masse. Un setup simple pour des pages plus légères.
  • Slug : imagify-profil-simple-webp
  • Mots‑clés : imagify, webp wordpress, compression image, avif, optimisation images wordpress