Konkretnie: Zdjęcia produktowe i banery odpowiadają zwykle za 60-80% wagi strony, a nieskompresowany plik z aparatu potrafi ważyć 4-8 MB zamiast wystarczających 100-200 KB. W tym wpisie obalam popularne przekonania na ten temat i pokazuję, jak to naprawić bez utraty jakości wizualnej.
Wokół wagi zdjęć narosło sporo mitów, które kosztują sklepy internetowe realną sprzedaż. Sprawdźmy, co jest prawdą, a co tylko powtarzaną bez sprawdzenia opinią.
Mit: kilkaset kilobajtów różnicy nikt nie zauważy
Fakt: różnica między zdjęciem 150 KB a 2 MB przy 20 produktach na stronie kategorii to dodatkowe 37 MB transferu. Przy przeciętnym łączu mobilnym oznacza to kilka sekund dłuższego ładowania każdej podstrony. Badania branżowe cytowane przez Google (Web.dev) wskazują, że wydłużenie LCP (Largest Contentful Paint) powyżej 2,5 sekundy koreluje ze wzrostem współczynnika odrzuceń nawet o kilkanaście punktów procentowych. Dla sklepu z ruchem 5000 wejść miesięcznie to realnie setki utraconych sesji.
Mit: format JPG w wysokiej jakości wystarczy na każdą okazję
Fakt: formaty WebP i AVIF przy tej samej jakości wizualnej dają plik mniejszy o 25-50% względem JPG. Przy sklepie z 500 kartami produktów przełożenie się z JPG na WebP potrafi zmniejszyć łączną wagę galerii z 250 MB do 120-150 MB bez utraty ostrości zdjęć. Różnica jest szczególnie widoczna przy zdjęciach z dużą ilością detali, np. tkanin czy wzorów.
| Format | Typowa waga (zdjęcie 1200×1200 px) | Wsparcie przeglądarek |
|---|---|---|
| JPG | 250-400 KB | 100% |
| WebP | 120-200 KB | ponad 96% użytkowników |
| AVIF | 80-150 KB | rosnące, ok. 80% przeglądarek |
Mit: kompresja zawsze psuje jakość zdjęć produktowych
Fakt: kompresja stratna ustawiona na poziomie 75-85% jakości (np. w narzędziach takich jak Squoosh, ShortPixel czy Imagify) w praktyce jest niedostrzegalna gołym okiem, a redukuje wagę pliku o 60-70%. Problem pojawia się dopiero przy agresywnej kompresji poniżej 50%, gdzie widać artefakty na jednolitych tłach. Odpowiedni próg dobiera się osobno dla zdjęć produktowych i osobno dla dużych banerów hero.
Mit: lazy loading rozwiązuje problem sam z siebie
Fakt: lazy loading opóźnia ładowanie zdjęć poza ekranem, ale nie zmniejsza ich wagi ani nie naprawia braku odpowiednich rozmiarów (srcset). Jeśli miniatura w siatce produktów ma faktyczne wymiary 2000×2000 px, a wyświetlana jest jako 300×300 px, przeglądarka i tak pobiera pełny plik przy pierwszym przewinięciu. Realne oszczędności dają dopiero poprawnie skonfigurowane atrybuty srcset i sizes w połączeniu z CDN obsługującym zmianę formatu w locie.
Jak to naprawić w praktyce
Skuteczna optymalizacja obrazów na stronie WooCommerce, Shoper czy w aplikacji webowej obejmuje zwykle: konwersję do WebP/AVIF z fallbackiem na JPG, kompresję na poziomie 75-85% jakości, generowanie kilku wariantów rozmiaru pod różne breakpointy oraz wdrożenie CDN z automatyczną optymalizacją. W praktyce przy sklepie ze średnią ofertą 300-800 produktów taka operacja skraca czas ładowania strony kategorii nawet o 40-60%.
Jeśli nie wiesz, ile realnie ważą zdjęcia na Twojej stronie i jak to wpływa na LCP, możesz sprawdzić to podczas bezpłatnego audytu strony. Jeśli problem dotyczy sklepu opartego o WooCommerce, warto też zobaczyć wpis o tym, kiedy gotowa wtyczka WooCommerce już nie wystarcza. Kompleksowe wdrożenie takich zmian realizujemy w ramach usług sklepy internetowe oraz naprawa i modernizacja.
FAQ
Ile powinno ważyć pojedyncze zdjęcie produktowe?
Dla zdjęcia w rozdzielczości 1000-1200 px optymalny zakres to 80-200 KB w formacie WebP, przy zachowaniu jakości kompresji na poziomie 75-85%.
Czy WebP jest obsługiwany przez wszystkie przeglądarki?
Tak, obecnie ponad 96% globalnego ruchu przeglądarkowego obsługuje WebP natywnie, a dla pozostałych przypadków stosuje się fallback do JPG za pomocą znacznika picture.
O ile skróci się czas ładowania po optymalizacji zdjęć?
Przy typowym sklepie z galerią 300-500 produktów redukcja wagi zdjęć o 50-70% przekłada się na skrócenie czasu ładowania strony kategorii o 1-3 sekundy.
Czy da się zoptymalizować zdjęcia bez utraty jakości widocznej dla klienta?
Tak, kompresja na poziomie 75-85% jakości w narzędziach typu ShortPixel czy Squoosh jest w praktyce niedostrzegalna gołym okiem, a redukuje wagę pliku o 60-70%.
