# DataFirefly Image Optimizer — WebP, AVIF, compression et CDN pour Shopware 6 > Optimisation d'images native pour Shopware 6.6 et 6.7. Génération automatique WebP et AVIF en parallèle de chaque image, recompression JPEG/PNG sans perte visible, suppression des métadonnées EXIF/ICC, réécriture transparente des URLs vers votre CDN (BunnyCDN, Cloudflare, KeyCDN, CloudFront). Balise picture, loading lazy, decoding async et attributs width/height anti-CLS injectés automatiquement dans le storefront. - Page: - Langue: fr - Mis à jour le: 2026-06-29 - Plateforme: Shopware - Catégorie: SEO & Performance - Référence: DF-IMGOPT - Prix: 59.00 EUR - Autres langues: [en](https://www.datafirefly.com/en/product/dfimageoptimizer-en/index.md), [es](https://www.datafirefly.com/es/producto/dfimageoptimizer-es/index.md), [de](https://www.datafirefly.com/de/produkt/dfimageoptimizer-de/index.md), [it](https://www.datafirefly.com/it/product/dfimageoptimizer-it/index.md), [pl](https://www.datafirefly.com/pl/produkt/optymalizacja-obrazow-webp-avif-cdn-shopware/index.md), [nl](https://www.datafirefly.com/nl/product/dfimageoptimizer/index.md), [pt](https://www.datafirefly.com/pt/produto/dfimageoptimizer/index.md) - Index: ## Pourquoi ce plugin Les images représentent en moyenne 50 à 70 % du poids d'une page e-commerce. Sur Shopware 6, le pipeline natif compresse les JPEG et redimensionne en plusieurs tailles, mais ne génère ni WebP ni AVIF, et ne propose aucune intégration CDN. DataFirefly Image Optimizer comble cette lacune avec un pipeline complet, déclenché automatiquement à l'upload, qui produit les variantes modernes et réécrit les URLs vers votre CDN. ## Ce que fait concrètement le plugin À chaque upload média, le subscriber écoute l'événement entity media.written, identifie les fichiers JPEG, PNG et GIF, puis lance le pipeline d'optimisation : recompression progressive du JPEG avec sous-échantillonnage 2x2/1x1/1x1, ou recompression PNG avec niveau et filtres optimisés ; suppression des métadonnées EXIF et ICC ; génération du sibling WebP avec qualité configurable ; génération du sibling AVIF avec qualité indépendante et garde-fou sur la largeur maximale. Les vignettes Shopware sont également traitées. Pour les images déjà en base, une tâche planifiée tourne par défaut toutes les 15 minutes et traite les lots restants, taille de lot configurable. Un bouton dans le tableau de bord permet aussi de déclencher un lot manuel à la demande. ## Réécriture CDN intelligente Le plugin réécrit les URLs vers le CDN configuré, avec trois portées disponibles : médias uniquement, médias plus vignettes, ou tous les assets statiques incluant le thème et les bundles. Compatible avec toutes les plateformes CDN classiques : BunnyCDN, KeyCDN, Cloudflare avec hostname personnalisé, AWS CloudFront, Bunny Optimizer, ou tout reverse proxy maison. Lorsque le CDN est actif, le plugin injecte automatiquement les balises dns-prefetch et preconnect dans la balise head du storefront pour accélérer la résolution. ## Rendu storefront moderne Le composant Twig de vignette est étendu via sw_extends pour wrapper l'image originale dans une balise picture avec sources AVIF puis WebP puis fallback original. Le navigateur choisit automatiquement le format le plus léger qu'il supporte. Les attributs loading lazy, decoding async, et width/height pour prévenir le décalage de mise en page CLS sont injectés selon la configuration. Un filtre Twig df_cdn et une fonction df_picture sont exposés aux développeurs de thèmes. ## Tableau de bord administrateur Un module Vue 3 dédié dans le menu Catalogues affiche en temps réel les capacités serveur détectées : version PHP, présence d'Imagick, présence de GD, support effectif de WebP et d'AVIF, moteur recommandé. Les statistiques globales montrent le nombre d'images total, le pourcentage optimisé, le compteur WebP et AVIF générés, et surtout l'espace cumulé économisé. Un tableau d'activité sur 30 jours montre la cadence quotidienne. ## Compatibilité serveur Le plugin fonctionne avec Imagick en priorité quand disponible — qualité d'encodage supérieure et seul moyen d'avoir AVIF avec libheif sur les serveurs anciens — puis bascule sur GD quand Imagick n'est pas installé. AVIF nécessite soit PHP 8.1 ou plus avec support GD AVIF compilé, soit Imagick avec libheif. Le dashboard signale immédiatement ce qui est disponible côté serveur, évitant les surprises. ## Données persistées Une table df_image_optimizer trace pour chaque média optimisé la présence des siblings WebP et AVIF, le statut de recompression, la taille originale, et le cumul d'octets économisés. Une seconde table df_image_optimizer_log conserve un journal optionnel des erreurs. La clé étrangère cascade depuis la table media de Shopware nettoie automatiquement les entrées orphelines lors de la suppression de médias. ## Compatibilité Shopware 6.6 et 6.7. PHP 8.2 et plus. Extension GD obligatoire, Imagick fortement recommandée pour l'encodage AVIF et la qualité WebP.