# DataFirefly Image Optimizer: WebP, AVIF, Kompresja i CDN dla Shopware 6

> Natywna optymalizacja obrazów dla Shopware 6.6 i 6.7. Automatyczne generowanie WebP i AVIF obok każdego obrazu, rekompresja JPEG i PNG bez widocznej straty, usuwanie metadanych EXIF i ICC, przezroczyste przepisywanie adresów na Twój CDN (BunnyCDN, Cloudflare, KeyCDN, CloudFront). Znacznik picture, loading lazy, decoding async oraz atrybuty width i height chroniące przed CLS, wstrzykiwane automatycznie do storefrontu.

- Strona: <https://www.datafirefly.com/pl/produkt/optymalizacja-obrazow-webp-avif-cdn-shopware/>
- Język: pl
- Zaktualizowano: 2026-07-29
- Platforma: Shopware
- Kategoria: SEO i wydajność
- Kod produktu: DF-IMGOPT
- Cena: 59.00 EUR
- Inne języki: [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), [nl](https://www.datafirefly.com/nl/product/dfimageoptimizer/index.md), [pt](https://www.datafirefly.com/pt/produto/dfimageoptimizer/index.md)
- Indeks: <https://www.datafirefly.com/pl/produkt/llms.txt>

## Po co ta wtyczka

Obrazy odpowiadają średnio za 50 do 70% wagi strony w e-commerce. W Shopware 6 natywny pipeline kompresuje pliki JPEG i tworzy kilka rozmiarów miniatur, ale nie generuje ani WebP, ani AVIF, i nie oferuje żadnej integracji z CDN. DataFirefly Image Optimizer wypełnia tę lukę kompletnym pipeline'em uruchamianym automatycznie przy wgraniu pliku, który tworzy nowoczesne warianty i przepisuje adresy na Twój CDN.

## Co wtyczka robi konkretnie

Przy każdym wgraniu pliku subscriber nasłuchuje zdarzenia entity media.written, rozpoznaje pliki JPEG, PNG i GIF, a następnie uruchamia pipeline optymalizacji: progresywną rekompresję JPEG z podpróbkowaniem 2x2/1x1/1x1 albo rekompresję PNG z dobranym poziomem i filtrami, usunięcie metadanych EXIF i ICC, wygenerowanie pliku siostrzanego WebP z konfigurowalną jakością oraz wygenerowanie pliku siostrzanego AVIF z niezależną jakością i zabezpieczeniem na maksymalną szerokość. Miniatury Shopware są przetwarzane tak samo.

Dla obrazów już obecnych w bazie zaplanowane zadanie uruchamia się domyślnie co 15 minut i przetwarza pozostałe partie, z konfigurowalnym rozmiarem partii. Przycisk w panelu pozwala też uruchomić partię ręcznie, na żądanie.

## Inteligentne przepisywanie na CDN

Wtyczka przepisuje adresy na skonfigurowany CDN, w trzech dostępnych zakresach: same media, media plus miniatury albo wszystkie zasoby statyczne łącznie z motywem i bundlami. Zgodność z klasycznymi platformami CDN: BunnyCDN, KeyCDN, Cloudflare z własną nazwą hosta, AWS CloudFront, Bunny Optimizer albo dowolny własny reverse proxy. Kiedy CDN jest aktywny, wtyczka sama wstrzykuje znaczniki dns-prefetch i preconnect do sekcji head storefrontu, żeby przyspieszyć rozwiązywanie nazw.

## Nowoczesne renderowanie w storefroncie

Komponent miniatury w Twigu jest rozszerzany przez sw_extends, żeby opakować oryginalny obraz w znacznik picture ze źródłami AVIF, następnie WebP, a na końcu oryginałem jako fallbackiem. Przeglądarka sama wybiera najlżejszy format, który obsługuje. Atrybuty loading lazy, decoding async oraz width i height, zapobiegające przesunięciom układu CLS, są wstrzykiwane zgodnie z konfiguracją. Deweloperom motywów udostępniono filtr Twiga df_cdn i funkcję df_picture.

## Panel administracyjny

Dedykowany moduł Vue 3 w menu Katalogi pokazuje na bieżąco wykryte możliwości serwera: wersję PHP, obecność Imagicka, obecność GD, faktyczne wsparcie WebP i AVIF oraz zalecany silnik. Statystyki globalne pokazują łączną liczbę obrazów, procent zoptymalizowanych, licznik wygenerowanych plików WebP i AVIF, a przede wszystkim skumulowane zaoszczędzone miejsce. Tabela aktywności z 30 dni pokazuje dzienne tempo pracy.

## Zgodność serwerowa

Wtyczka korzysta w pierwszej kolejności z Imagicka, gdy jest dostępny, bo daje lepszą jakość kodowania i jest jedynym sposobem na AVIF z libheif na starszych serwerach, a przełącza się na GD, gdy Imagick nie jest zainstalowany. AVIF wymaga albo PHP 8.1 lub nowszego ze skompilowanym wsparciem AVIF w GD, albo Imagicka z libheif. Panel od razu sygnalizuje, co jest dostępne po stronie serwera, więc nie ma niespodzianek.

## Zapisywane dane

Tabela df_image_optimizer zapisuje dla każdego zoptymalizowanego pliku obecność wersji WebP i AVIF, status rekompresji, rozmiar oryginału i sumę zaoszczędzonych bajtów. Druga tabela df_image_optimizer_log przechowuje opcjonalny dziennik błędów. Kaskadowy klucz obcy z tabeli media w Shopware automatycznie czyści osierocone wpisy przy usuwaniu plików.

## Zgodność

Shopware 6.6 i 6.7. PHP 8.2 i nowszy. Rozszerzenie GD obowiązkowe, Imagick mocno zalecany dla kodowania AVIF i jakości WebP.