CTW Image Optimizer – automatyczna konwersja zdjęć do WebP
Moduł tworzy lekkie kopie WebP wszystkich zdjęć sklepu i serwuje je przeglądarkom, które je obsługują. Adresy obrazów, motyw i oryginały zostają bez zmian, a panel pokazuje dokładnie, ile megabajtów oszczędzasz.
O module
Zdjęcia to zwykle największa część każdej strony sklepu. PrestaShop generuje miniatury w JPG i PNG, a format WebP przy tej samej jakości wizualnej waży najczęściej o 25–70% mniej. Mniej danych to szybsze ładowanie na telefonach, lepsze wyniki Core Web Vitals i mniejszy transfer z serwera.
CTW Image Optimizer tworzy obok każdego zdjęcia kopię WebP (np. 1-home_default.jpg.webp) i podaje ją przeglądarkom, które WebP obsługują. Pozostałe dostają oryginał. Nie zmienia adresów obrazów ani szablonów motywu, nie nadpisuje oryginałów i działa od PrestaShop 1.7 do 9.x.
Jak to działa
- Zainstaluj moduł. Reguły serwowania WebP trafiają automatycznie do img/.htaccess.
- Kliknij „Skanuj i optymalizuj”. Moduł przetwarza zdjęcia partiami i pokazuje postęp.
- Sprawdź przyciskiem „Testuj na zdjęciu produktu”, że przeglądarka faktycznie dostaje WebP.
- Ustaw cron (adres URL albo polecenie CLI z panelu), żeby nowe miniatury, kategorie i importy były optymalizowane same.
- Nowe zdjęcia produktów są konwertowane od razu po wgraniu.
Dla kogo
- Sklepy z dużą liczbą zdjęć produktów, w których PageSpeed wskazuje „Wyświetlaj obrazy w nowoczesnych formatach”.
- Sklepy na PrestaShop 1.7, które nie mają wbudowanej obsługi WebP.
- Sklepy na hostingu współdzielonym: przetwarzanie działa w krótkich partiach, a limit megapikseli chroni przed brakiem pamięci.
- Agencje, które chcą szybko przyspieszyć sklepy klientów bez zmian w motywie.
Czym ten moduł nie jest
Nie zmienia rozmiarów zdjęć ani nie regeneruje miniatur. Nie generuje AVIF, nie dodaje lazy-loadingu i nie przepisuje adresów na CDN. Na serwerze z samym nginx (bez Apache) reguły serwowania trzeba dodać ręcznie, gotowy fragment konfiguracji jest w panelu.
Co rozwiązuje
-
Ciężkie zdjęcia spowalniają sklep
Miniatury JPG i PNG to zwykle większość danych pobieranych przy każdej wizycie, szczególnie na listach produktów i stronie głównej.
-
PageSpeed wskazuje nowoczesne formaty obrazów
Google PageSpeed Insights zgłasza „Wyświetlaj obrazy w nowoczesnych formatach”, a ręczna konwersja tysięcy plików nie wchodzi w grę.
-
PrestaShop 1.7 nie obsługuje WebP
Wiele sklepów działa na 1.7, gdzie WebP nie ma w ogóle, a zmiana motywu tylko dla formatów obrazów jest zbyt kosztowna.
-
Optymalizacja psuje adresy i motyw
Wiele rozwiązań zmienia adresy obrazów albo szablony, co grozi błędami w motywie, modułach i feedach.
-
Nie wiadomo, ile to naprawdę daje
Bez liczb trudno ocenić, czy optymalizacja działa i ile transferu oszczędza.
Najważniejsze funkcje
-
Statystyki przed i po
Rozmiar zdjęć przed optymalizacją, po niej, zaoszczędzone megabajty i średni zysk WebP w procentach. Tabela wyników dla każdego typu obrazów: produkty, kategorie, marki, dostawcy, sklepy, zdjęcia CMS oraz logo i grafiki sklepu.
-
Adresy obrazów i motyw bez zmian
Kopie WebP powstają obok oryginałów, a reguły w img/.htaccess podają je przeglądarkom wysyłającym Accept: image/webp. Starsze przeglądarki dostają oryginał, a nagłówek Vary: Accept chroni przed pomyłkami w cache i CDN.
-
Test serwowania jednym kliknięciem
Przycisk „Testuj na zdjęciu produktu” pobiera prawdziwą miniaturę i potwierdza, że serwer zwraca Content-Type: image/webp. Od razu widać, czy reguły działają na Twoim serwerze.
-
Nowe zdjęcia konwertowane od razu
Zdjęcia produktów są zamieniane na WebP zaraz po wgraniu i wygenerowaniu miniatur. Resztę, czyli kategorie, marki, regenerowane miniatury i importy, obsługuje cron.
-
Cron przez URL albo CLI
Gotowy adres crona z tokenem i polecenie dla wiersza poleceń do skopiowania z panelu, wraz z datą ostatniego uruchomienia. Przetwarzanie działa partiami i wznawia się tam, gdzie się zatrzymało.
-
Kontrola jakości i bezpieczeństwa
Suwak jakości WebP (domyślnie 80), wybór typów obrazów, silnik Imagick lub GD wybierany automatycznie, zachowanie oryginału, gdy WebP wyszedłby większy, i limit megapikseli, który chroni serwery z małym limitem pamięci.
-
Oryginały nigdy nie są zmieniane
Moduł tylko dodaje pliki .webp. Przy usuwaniu zdjęcia, kategorii, marki lub dostawcy usuwa też ich kopie WebP, a przy odinstalowaniu zdejmuje swoje reguły z img/.htaccess.
-
Narzędzia serwisowe
Ponowna optymalizacja wszystkich zdjęć, np. po zmianie jakości, ponowienie zdjęć z błędami i usunięcie wszystkich plików WebP jednym kliknięciem.
-
PrestaShop 1.7–9.x, Apache i nginx
Działa na PHP 5.6–8.4. Dla serwerów z samym nginx panel pokazuje gotowy fragment konfiguracji.
Najczęstsze pytania
Które wersje PrestaShop są obsługiwane?
PrestaShop od 1.7 do 9.x, na PHP od 5.6 do 8.4.
Czy moduł zmienia moje oryginalne zdjęcia?
Nie. Obok każdego zdjęcia tworzy osobny plik .webp. Oryginały zostają nietknięte, a wszystkie pliki WebP możesz usunąć jednym przyciskiem.
Czy muszę zmieniać motyw?
Nie. Adresy obrazów się nie zmieniają. Serwer sam podaje plik WebP przeglądarkom, które go obsługują.
Co z przeglądarkami bez obsługi WebP?
Dostają oryginalny JPG lub PNG. Moduł wysyła nagłówek Vary: Accept, więc cache i CDN nie pomylą wersji.
Czy działa na nginx?
Na Apache i na nginx jako proxy przed Apache działa od razu. Na samym nginx trzeba dodać do konfiguracji serwera fragment, który znajdziesz w panelu modułu.
Ile zaoszczędzę?
Zależy od zdjęć. Na demonstracyjnym katalogu PrestaShop (1046 zdjęć) rozmiar spadł z 8,97 MB do 2,84 MB, czyli o 68%. Dokładne liczby dla Twojego sklepu pokaże panel po pierwszym skanowaniu.
Czy poradzi sobie na hostingu współdzielonym?
Tak. Konwersja działa w krótkich partiach przez cron, a zdjęcia powyżej ustawionego limitu megapikseli są pomijane, żeby nie przekroczyć limitu pamięci PHP.
Co obejmuje licencja?
Jednorazowy zakup dla jednej domeny produkcyjnej, domeny testowe bez ograniczeń, 12 miesięcy aktualizacji i wsparcia. Po tym czasie moduł działa dalej, tylko bez nowych wersji.
Zgodność i warunki
- Kompatybilność
- PS 1.7 – 9.x
- PHP
- 5.6+
- PrestaShop
- 1.7 – 9.x
- PHP
- 5.6 – 8.4
- Silnik
- Imagick lub GD
- Serwer
- Apache (.htaccess) lub nginx
- Wsparcie
- 12 miesięcy
- Typ licencji
- Jednorazowy zakup, 1 domena, 12 miesięcy aktualizacji
- Dla kogo
- Sklepy PrestaShop 1.7–9.x, agencje
Changelog
1.0.3
- Pierwsze wydanie w sklepie modules.codetheweb.pl.