Mniej danych na ten sam obraz
Kompresja obrazów to zmniejszanie ilości danych potrzebnych do zapisania obrazu przy zachowaniu akceptowalnej jakości. Odmiana bezstratna porządkuje zapis i pozwala odtworzyć plik co do piksela, odmiana stratna wyrzuca szczegóły, których oko zwykle nie wychwytuje, i dlatego schodzi znacznie niżej. Obrazy stanowią na typowej stronie największą część pobieranych danych, więc każda z tych operacji przekłada się wprost na czas ładowania. Zanim jednak ktokolwiek sięgnie po suwak jakości, lepiej sprawdzić rzecz, która daje większy efekt bez żadnej straty.
Wymiary robią robotę, suwak dokłada resztę
Waga pliku zależy przede wszystkim od liczby pikseli, a ta rośnie z kwadratem wymiaru. Zdjęcie o szerokości czterech tysięcy pikseli, wyświetlane w kontenerze szerokim na osiemset, niesie dwadzieścia pięć razy więcej pikseli, niż potrzeba. Żaden poziom kompresji tego nie naprawi, bo kompresuje się wtedy nadmiar. Widać to na naszym własnym pliku, zdjęciu białostockiego rynku z drona. Oryginał ma 15 271 KB, wariant o szerokości 2048 pikseli — 623 KB, wariant 1024 pikseli — 211 KB, a miniatura o szerokości 300 pikseli 55 KB. Między oryginałem a wersją, która realnie trafia na stronę, jest siedemdziesięciokrotna różnica wagi uzyskana samą zmianą wymiarów, przy tym samym poziomie jakości.
Trzy gigabajty w bibliotece, dwieście kilobajtów na stronie
Pomiar wagi obrazów łatwo zrobić w niewłaściwym miejscu, więc zrobiliśmy go 4 września 2026 roku w obu. W bibliotece mediów tego serwisu leży 3257 plików źródłowych o łącznej wadze 3304 MB, średnio ponad megabajt na plik; ponad tysiąc z nich przekracza megabajt. Liczba wygląda alarmująco, tylko że odwiedzający nie pobiera niczego z tego zbioru. Ta sama strona miejska podaje przeglądarce cztery obrazy o łącznej wadze 226 KB, a hasło słownika z fotografią — 91 KB. Wniosek dla każdego, kto audytuje własny serwis: waga biblioteki opisuje koszt kopii zapasowych i przenosin, a nie szybkość strony. Szybkość mierzy się na tym, co przeglądarka faktycznie pobiera, i tylko ten pomiar ma sens przy optymalizacji obrazów.
Kiedy automat przestaje wystarczać
System zarządzania treścią generuje warianty rozmiarowe przy wgrywaniu pliku i zwykle to on decyduje, co dostanie odwiedzający. Mechanizm bywa jednak omijany na trzy sposoby, z których każdy widzieliśmy u siebie. Pierwszy to ręczne wstawienie odnośnika do pliku pełnowymiarowego zamiast wariantu. Wtedy zamiast dwustu kilobajtów idzie kilkanaście megabajtów. Drugi to obraz wstawiony jako tło w arkuszu stylów, którego generator wariantów nie obsługuje. Trzeci to plik przekraczający limit rozdzielczości, dla którego miniatury w ogóle nie powstają, więc jedyną dostępną wersją zostaje oryginał. Po każdym większym imporcie dobrze jest sprawdzić, czy pliki mają komplet wariantów: wystarczy zajrzeć do katalogu z uploadami.
Czego nie należy kompresować stratnie
Kompresja stratna szkodzi tam, gdzie obraz zawiera ostre krawędzie i płaskie plamy koloru: w logo, zrzutach ekranu, wykresach i grafikach z tekstem. Wokół liter pojawiają się wtedy artefakty, a plik wcale nie musi być mniejszy niż zapis bezstratny tej samej grafiki. Odwrotnie jest przy fotografii, gdzie stratna kompresja daje największą oszczędność przy najmniejszej widocznej różnicy. Sam wybór formatu bywa przy tym skuteczniejszy niż dokręcanie suwaka: WebP w trybie stratnym jest o 25–34% lżejszy od porównywalnego jakością JPEG, a w trybie bezstratnym o 26% lżejszy od PNG.1 Efekt każdej z tych decyzji widać potem w PageSpeed Insights.
Najczęstsze pytania
Od czego zacząć: od kompresji czy od zmiany rozmiaru?
Od rozmiaru. Nasz pomiar pokazał siedemdziesięciokrotną różnicę między oryginałem a wariantem 1024 pikseli, uzyskaną bez zmiany poziomu jakości.
Czy ciężka biblioteka mediów spowalnia stronę?
Nie bezpośrednio. Odwiedzający pobiera wybrane warianty, a nie zawartość biblioteki. Ta obciąża kopie zapasowe i przenosiny serwisu.
Czy każdy obraz warto kompresować stratnie?
Nie. Logo, zrzuty ekranu i grafiki z tekstem tracą wtedy czytelność krawędzi, a zysk bywa żaden. Dla nich lepszy jest zapis bezstratny.
Źródła
1. Google, WebP: An image format for the Web — dane o wadze plików WebP: obrazy bezstratne o 26% mniejsze od PNG, stratne o 25–34% mniejsze od JPEG przy równoważnej jakości. Zobacz dokumentację →
Tadeusz Wolskizałożyciel ESSA SEO · 40+ zrealizowanych projektów · 5,0★ Google · 5,0★ Fiverr (30+ ocen)Zaktualizowano ⋅ 4 września 2026