Optymalizacja obrazków w WordPress: poradnik krok po kroku dla szybszej strony i lepszego SEO

13.10.2026 4 min czytania

Fakt: Zdjęcie z telefonu wgrane bez kompresji na stronę WordPress waży zwykle 3-8 MB, a strona z dziesięcioma takimi plikami ładuje się ponad 6 sekund. Ten poradnik pokazuje krok po kroku, jak skompresować, skonwertować i poprawnie opisać obrazki, żeby strona ładowała się poniżej 2,5 sekundy i lepiej rankowała w Google.

Krok 1: Sprawdź obecny stan w PageSpeed Insights

Wejdź na pagespeed.web.dev, wklej adres strony i sprawdź wskaźnik LCP (Largest Contentful Paint). Wynik powyżej 4 sekund w 90 proc. przypadków oznacza nieskompresowane zdjęcia w sekcji hero. Google traktuje LCP poniżej 2,5 s jako dobry wynik, 2,5-4 s jako wymagający poprawy, powyżej 4 s jako słaby.

Krok 2: Zmień format na WebP lub AVIF

Format WebP daje średnio 25-35 proc. mniejszy plik niż JPG przy tej samej jakości wizualnej, a AVIF dodatkowo 10-15 proc. mniej niż WebP. Wtyczki takie jak Imagify czy ShortPixel konwertują całą bibliotekę mediów automatycznie, zachowując kopię oryginału.

Krok 3: Skompresuj istniejące pliki

Darmowe plany najpopularniejszych wtyczek mają konkretne limity: ShortPixel oferuje 100 kredytów miesięcznie, Imagify 25 MB danych, Smush bez limitu ale tylko kompresja lossy. Dla biblioteki z 500 zdjęciami jednorazowa kompresja w płatnym planie (ok. 5-15 USD/mies.) zwykle wystarcza na 2-3 miesiące pracy.

Wtyczka	Darmowy limit	Format WebP/AVIF
ShortPixel	100 zdjęć/mies.	Tak
Imagify	25 MB/mies.	Tak
Smush	bez limitu (lossy)	Tylko WebP

Krok 4: Włącz lazy loading

WordPress od wersji 5.5 dodaje atrybut loading=”lazy” automatycznie do obrazków poniżej ekranu. Wyjątek: zdjęcie w sekcji hero powinno mieć loading=”eager”, bo lazy loading na nim pogarsza LCP nawet o 1-2 sekundy.

Krok 5: Dodaj opisowe teksty alternatywne

Alt tekst typu „zdjęcie1.jpg” nie daje nic SEO. Opis w stylu „naprawa laptopa w serwisie komputerowym Kraków” pomaga obrazowi trafić do Google Grafika i wspiera frazy, na które pozycjonowana jest podstrona.

Krok 6: Ogranicz wymiary i użyj srcset

Zdjęcie w szerokości 4000 px wyświetlane w kontenerze 800 px to czyste marnotrawstwo transferu. Maksymalna szerokość dla hero to zwykle 1920 px, dla miniatur w siatce produktów 600 px. Atrybut srcset pozwala przeglądarce wybrać właściwy rozmiar automatycznie dla telefonu i desktopu.

Krok 7: Zmierz efekt po zmianach

Po wdrożeniu wszystkich kroków ponownie sprawdź wynik w PageSpeed Insights lub GTmetrix. Typowy spadek wagi strony po pełnej optymalizacji obrazków to 40-70 proc., co w praktyce przekłada się na LCP niższe o 1-3 sekundy. Jeśli strona wciąż ładuje się wolno, problem leży już poza grafiką, np. w hostingu lub kodzie motywu, i wtedy warto zamówić pełny audyt SEO.

Jeśli optymalizacja obrazków jest jednym z wielu elementów przygotowania strony pod pozycjonowanie, zobacz też artykuł o tym, po jakim czasie widać efekty SEO, i sprawdź ofertę stron internetowych budowanych od razu z myślą o szybkości.

FAQ

Ile powinno ważyć pojedyncze zdjęcie na stronie WordPress?

Zdjęcie w sekcji hero po kompresji powinno mieścić się w 150-300 KB, a miniatury w galerii produktów w 50-100 KB. Plik powyżej 1 MB praktycznie zawsze da się jeszcze skompresować bez widocznej utraty jakości.

Czy WebP jest obsługiwany przez wszystkie przeglądarki?

Tak, od 2020 roku WebP wspierają wszystkie główne przeglądarki (Chrome, Firefox, Edge, Safari od wersji 14). AVIF ma nieco mniejsze wsparcie w starszych wersjach Safari, dlatego dobre wtyczki serwują WebP jako fallback.

Czy optymalizacja obrazków wystarczy, żeby strona była szybka?

Zwykle nie w 100 proc. Obrazki odpowiadają za 40-60 proc. wagi typowej strony firmowej, ale resztę decyduje hosting, liczba wtyczek i kod motywu, które sprawdza dopiero pełny audyt techniczny.

Jak długo trwa optymalizacja biblioteki mediów na istniejącej stronie?

Dla biblioteki z 200-500 zdjęciami automatyczna kompresja wtyczką trwa 1-3 godziny w tle, a ręczna korekta wymiarów i alt tekstów dla kluczowych podstron zajmuje dodatkowo 2-4 godziny pracy.