# DataFirefly Image Optimizer — WebP, AVIF, Kompression und CDN für Shopware 6

> Native Bildoptimierung für Shopware 6.6 und 6.7. Automatische WebP- und AVIF-Generierung neben jedem Bild, JPEG- und PNG-Neukompression ohne sichtbaren Qualitätsverlust, Entfernung von EXIF/ICC-Metadaten, transparente Umschreibung von URLs zu Ihrem CDN (BunnyCDN, Cloudflare, KeyCDN, CloudFront). Picture-Tag, loading lazy, decoding async und width/height-Attribute werden automatisch im Storefront gegen CLS injiziert.

- Seite: <https://www.datafirefly.com/de/produkt/dfimageoptimizer-de/>
- Sprache: de
- Aktualisiert am: 2026-06-29
- Plattform: Shopware
- Kategorie: SEO & Performance
- Artikelnummer: DF-IMGOPT
- Preis: 59.00 EUR
- Weitere Sprachen: [fr](https://www.datafirefly.com/product/dfimageoptimizer/index.md), [en](https://www.datafirefly.com/en/product/dfimageoptimizer-en/index.md), [es](https://www.datafirefly.com/es/producto/dfimageoptimizer-es/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: <https://www.datafirefly.com/de/produkt/llms.txt>

## Warum dieses Plugin

Bilder machen typischerweise 50 bis 70 Prozent des Gewichts einer E-Commerce-Seite aus. Bei Shopware 6 ab Werk komprimiert die native Pipeline JPEGs und generiert mehrere Thumbnail-Größen, erzeugt aber weder WebP noch AVIF und bietet keine native CDN-Integration. DataFirefly Image Optimizer füllt diese Lücke mit einer vollständigen Pipeline, die beim Upload automatisch ausgelöst wird, moderne Varianten erzeugt und URLs zu Ihrem CDN umschreibt.

## Was das Plugin konkret macht

Bei jedem Medien-Upload hört ein Subscriber auf das Entity-Event media.written, identifiziert JPEG-, PNG- und GIF-Dateien und startet die Optimierungs-Pipeline: progressive JPEG-Neukompression mit Subsampling 2x2/1x1/1x1 oder PNG-Neukompression mit getunten Kompressionsleveln und Filtern; Entfernung von EXIF- und ICC-Metadaten; Erzeugung des WebP-Geschwisters mit konfigurierbarer Qualität; Erzeugung des AVIF-Geschwisters mit unabhängiger Qualität und Max-Breite-Schutz. Shopware-Thumbnails werden ebenfalls verarbeitet.

Für bereits vorhandene Bilder läuft ein Scheduled Task standardmäßig alle 15 Minuten und verarbeitet ausstehende Batches mit konfigurierbarer Batch-Größe. Ein Button im Dashboard erlaubt zudem manuelle Batches auf Abruf.

## Intelligentes CDN-Rewriting

Das Plugin schreibt URLs zu Ihrem konfigurierten CDN um, mit drei verfügbaren Geltungsbereichen: nur Medien, Medien plus Thumbnails, oder alle statischen Assets inklusive Theme und Bundles. Kompatibel mit allen großen CDN-Anbietern: BunnyCDN, KeyCDN, Cloudflare mit Custom Hostname, AWS CloudFront, Bunny Optimizer, oder jeder eigene Reverse Proxy. Wenn CDN aktiv ist, injiziert das Plugin automatisch dns-prefetch und preconnect Tags im Storefront-Head.

## Modernes Storefront-Rendering

Die Twig-Komponente für Thumbnails wird via sw_extends erweitert, um das Original-Bild in einen Picture-Tag mit AVIF, WebP und Original-Fallback zu wrappen. Der Browser wählt automatisch das leichteste unterstützte Format. Die Attribute loading lazy, decoding async, width und height gegen CLS werden konfigurationsabhängig injiziert. Ein Twig-Filter df_cdn und eine Funktion df_picture werden Theme-Entwicklern bereitgestellt.

## Admin-Dashboard

Ein dediziertes Vue 3 Modul im Catalogues-Menü zeigt in Echtzeit die erkannten Server-Fähigkeiten: PHP-Version, Imagick-Vorhandensein, GD-Vorhandensein, effektiver WebP- und AVIF-Support, empfohlene Engine. Die globalen Statistiken zeigen Gesamtbildanzahl, Optimierungsabdeckung, WebP- und AVIF-Zähler, und vor allem kumulative gesparte Bytes. Eine 30-Tage-Aktivitätstabelle zeigt den täglichen Durchsatz.

## Serverkompatibilität

Das Plugin nutzt Imagick prioritär wenn verfügbar — höhere Encoding-Qualität und einziger Weg, AVIF via libheif auf älteren Servern zu erhalten — und fällt auf GD zurück, wenn Imagick fehlt. AVIF benötigt entweder PHP 8.1+ mit kompiliertem GD AVIF Support oder Imagick mit libheif. Das Dashboard zeigt sofort, was serverseitig verfügbar ist.

## Persistierte Daten

Eine Tabelle df_image_optimizer protokolliert für jedes optimierte Medium die Präsenz von WebP- und AVIF-Geschwistern, den Kompressionsstatus, die Originalgröße und die kumulativen gesparten Bytes. Eine zweite Tabelle df_image_optimizer_log führt optional ein Fehlertagebuch. Der Foreign Key mit Cascade von Shopwares Media-Tabelle bereinigt Waisen-Einträge automatisch.

## Kompatibilität

Shopware 6.6 und 6.7. PHP 8.2 und höher. GD-Extension erforderlich, Imagick stark empfohlen für AVIF-Encoding und überlegene WebP-Qualität.