Optymalizacja obrazów w WordPressie – jak nie ładować megabajtów

Rozmiar: najczęstszy błąd

Zdjęcie o szerokości 4000 pikseli wyświetlane w kolumnie o szerokości 600 pikseli to sześciokrotnie za dużo danych. Przeglądarka i tak je zmniejszy – ale najpierw musi pobrać całość.

Praktyczna zasada: 1600 pikseli szerokości wystarcza dla grafiki na pełną szerokość, 800 dla zdjęcia w kolumnie. Więcej ma sens tylko przy zdjęciach do powiększania.

Format: WebP zamiast JPEG

Nowoczesne formaty dają tę samą jakość przy znacznie mniejszym pliku. Przy naszych okładkach artykułów konwersja z PNG na WebP zmniejszyła je z 1,8 MB do 22 kB – ta sama grafika, ta sama jakość na ekranie.

Leniwe ładowanie

Zdjęcia poniżej ekranu nie muszą być pobierane od razu. WordPress robi to domyślnie od kilku wersji, ale warto sprawdzić, czy motyw tego nie wyłącza.

Wyjątek: główne zdjęcie w nagłówku strony powinno ładować się natychmiast – to zwykle ono decyduje o odczuwalnej szybkości.

O czym pamiętać przy wgrywaniu

• Zmniejsz zdjęcie przed wgraniem, nie licz wyłącznie na wtyczkę.
• Nadaj sensowną nazwę pliku – to drobny, ale darmowy sygnał dla wyszukiwarki.
• Uzupełnij tekst alternatywny: pomaga osobom korzystającym z czytników i w wyszukiwaniu grafiki.
• Usuwaj nieużywane pliki z biblioteki mediów – rosnąca biblioteka spowalnia panel.

Częste pytania

Czy konwersja pogorszy jakość zdjęć?

Przy rozsądnych ustawieniach różnica jest niewidoczna na ekranie, a plik kilkukrotnie mniejszy.

Czy potrzebuję wtyczki?

Pomaga przy dużej bibliotece, ale przy nowych zdjęciach najwięcej daje po prostu wgrywanie ich w odpowiednim rozmiarze.

Co ze zdjęciami produktów w sklepie?

Tam warto zachować wyższą jakość dla powiększeń, ale miniatury na listach powinny być osobne i lekkie.

Porównanie wagi na podstawie naszych własnych plików (konwersja PNG → WebP przy szerokości 1600 px).