# DataFirefly Image Optimizer: WebP, AVIF, Compressie en CDN voor Shopware 6

> Native beeldoptimalisatie voor Shopware 6.6 en 6.7. Automatische generatie van WebP en AVIF naast elke afbeelding, hercompressie van JPEG/PNG zonder zichtbaar verlies, verwijdering van de EXIF/ICC-metadata, transparante herschrijving van de URL's naar uw CDN (BunnyCDN, Cloudflare, KeyCDN, CloudFront). Picture tag, loading lazy, decoding async en anti-CLS width/height attributen automatisch geïnjecteerd in de storefront.

- Pagina: <https://www.datafirefly.com/nl/product/dfimageoptimizer/>
- Taal: nl
- Bijgewerkt op: 2026-08-18
- Platform: Shopware
- Categorie: SEO & prestaties
- Prijs: 59.00 EUR
- Andere talen: [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), [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), [pt](https://www.datafirefly.com/pt/produto/dfimageoptimizer/index.md)
- Index: <https://www.datafirefly.com/nl/product/llms.txt>

## Waarom deze plugin

Afbeeldingen vertegenwoordigen gemiddeld 50 tot 70% van het gewicht van een e-commercepagina. Op Shopware 6 comprimeert de native pipeline de JPEG's en schaalt hij naar meerdere formaten, maar hij genereert noch WebP noch AVIF, en biedt geen enkele CDN-integratie. DataFirefly Image Optimizer vult dat gat met een volledige pipeline die automatisch bij de upload wordt gestart, die de moderne varianten produceert en de URL's naar uw CDN herschrijft.

## Wat de plugin concreet doet

Bij elke media-upload luistert de subscriber naar de entity gebeurtenis media.written, identificeert hij de JPEG-, PNG- en GIF-bestanden, en start hij vervolgens de optimalisatiepipeline: progressieve hercompressie van de JPEG met subsampling 2x2/1x1/1x1, of PNG-hercompressie met geoptimaliseerd niveau en geoptimaliseerde filters; verwijdering van de EXIF- en ICC-metadata; generatie van de WebP-sibling met instelbare kwaliteit; generatie van de AVIF-sibling met onafhankelijke kwaliteit en een beveiliging op de maximale breedte. De Shopware-thumbnails worden eveneens verwerkt.

Voor afbeeldingen die al in de database staan draait er standaard om de 15 minuten een geplande taak die de resterende batches verwerkt, met een instelbare batchgrootte. Met een knop in het dashboard kunt u ook op aanvraag een handmatige batch starten.

## Slimme CDN-herschrijving

De plugin herschrijft de URL's naar het geconfigureerde CDN, met drie beschikbare bereiken: alleen media, media plus thumbnails, of alle statische assets inclusief het thema en de bundles. Compatibel met alle klassieke CDN-platformen: BunnyCDN, KeyCDN, Cloudflare met een aangepaste hostname, AWS CloudFront, Bunny Optimizer, of elke zelfgebouwde reverse proxy. Wanneer het CDN actief is, injecteert de plugin automatisch de dns-prefetch en preconnect tags in de head tag van de storefront om de resolutie te versnellen.

## Moderne storefront-rendering

Het Twig-thumbnailcomponent wordt via sw_extends uitgebreid om de originele afbeelding in een picture tag te wikkelen met sources voor AVIF, daarna WebP, en daarna de originele fallback. De browser kiest automatisch het lichtste formaat dat hij ondersteunt. De attributen loading lazy, decoding async, en width/height om layoutverschuiving (CLS) te voorkomen worden volgens de configuratie geïnjecteerd. Een Twig-filter df_cdn en een functie df_picture worden aan themaontwikkelaars beschikbaar gesteld.

## Beheerdersdashboard

Een eigen Vue 3 module in het menu Catalogi toont in realtime de gedetecteerde servercapaciteiten: PHP-versie, aanwezigheid van Imagick, aanwezigheid van GD, effectieve ondersteuning van WebP en AVIF, aanbevolen engine. De globale statistieken tonen het totale aantal afbeeldingen, het geoptimaliseerde percentage, de teller van gegenereerde WebP en AVIF, en vooral de cumulatief bespaarde ruimte. Een activiteitentabel over 30 dagen toont het dagelijkse tempo.

## Servercompatibiliteit

De plugin werkt bij voorkeur met Imagick wanneer die beschikbaar is, want die biedt een hogere encodeerkwaliteit en is de enige manier om AVIF te krijgen met libheif op oudere servers, en schakelt over op GD wanneer Imagick niet is geïnstalleerd. AVIF vereist ofwel PHP 8.1 of hoger met gecompileerde GD AVIF-ondersteuning, ofwel Imagick met libheif. Het dashboard geeft onmiddellijk aan wat er aan de serverzijde beschikbaar is, zodat u niet voor verrassingen komt te staan.

## Bewaarde gegevens

Een tabel df_image_optimizer registreert voor elke geoptimaliseerde media de aanwezigheid van de WebP- en AVIF-siblings, de hercompressiestatus, de originele grootte, en het totaal aan bespaarde bytes. Een tweede tabel df_image_optimizer_log bewaart een optioneel foutenlogboek. De cascade foreign key vanuit de media tabel van Shopware ruimt automatisch de verweesde records op wanneer media worden verwijderd.

## Compatibiliteit

Shopware 6.6 en 6.7. PHP 8.2 en hoger. De GD-extensie is verplicht, Imagick wordt sterk aanbevolen voor de AVIF-encodering en de WebP-kwaliteit.