Szybkość witryny to nie tylko hosting i kod. Obrazy, które Pan/Pani przesyła, często stają się głównym hamulcem: jedno „ciężkie" zdjęcie z aparatu może ważyć 5-8 MB i dodać sekundę do ładowania strony. A jeśli takich zdjęć jest dziesięć?

Format obrazu określa sposób jego kompresji, odwzorowania kolorów i wyświetlania w przeglądarkach. Błąd w wyborze to rozmyte zrzuty ekranu, gigantyczne pliki PNG zamiast kompaktowych WebP i spadek w wynikach wyszukiwania: Google uwzględnia Core Web Vitals przy rankingu.

Poniżej znajdują się konkretne zalecenia dla każdego zadania: zdjęcia, zrzuty ekranu, logotypy, animacje. A także jak dodać formaty, których WordPress nie obsługuje domyślnie.

💡 Szybki przegląd:

• Proszę określić, co Pan/Pani przesyła: zdjęcie, zrzut ekranu, logotyp czy animację, od tego zależy wybór formatu.
• Do zdjęć proszę używać AVIF lub WebP (kompresja znacznie lepsza niż JPEG przy tej samej jakości).
• Do zrzutów ekranu i logotypów: PNG (bezstratny) lub AVIF (stratny, ale radykalnie mniejszy rozmiar).
• Animacje: WebP zamiast GIF (oszczędność rozmiaru wielokrotna).
• Jeśli WordPress nie akceptuje potrzebnego formatu, proszę dodać obsługę przez functions.php lub wtyczkę.
• Proszę zawsze wpisywać tekst alternatywny i kompresować obrazy przed przesłaniem lub automatycznie przez wtyczkę optymalizacyjną.

Dlaczego format pliku obrazu jest krytyczny dla WordPress

Format to nie tylko rozszerzenie w nazwie. To algorytm kodowania, który określa trzy rzeczy: jakość obrazu, rozmiar pliku oraz kompatybilność z przeglądarkami. Wszystkie trzy bezpośrednio wpływają na wskaźniki biznesowe witryny.

Szybkość ładowania i Core Web Vitals. Zdjęcie JPEG o wadze 2 MB i to samo zdjęcie w AVIF o wadze 400 KB wyglądają identycznie, ale ładują się z 5-krotną różnicą. Google ocenia Largest Contentful Paint (LCP), a obraz często okazuje się najcięższym elementem strony. Wtyczki takie jak Smush konwertują pliki do WebP lub AVIF automatycznie, ale prawidłowy format źródłowy oszczędza zasoby serwera.

Konsekwencje SEO. Szybkość strony to bezpośredni sygnał rankingowy Google. Ciężkie obrazy zaniżają ocenę Core Web Vitals, a strona traci pozycje, nawet jeśli tekst jest idealnie zoptymalizowany. Badanie Portent (2024) wykazało, że skrócenie LCP z 4 do 2 sekund zwiększa konwersję landing page’a średnio o 15-20% w niszach B2B.

Jakość wizualna. Różne formaty w różny sposób radzą sobie z gradientami, tekstem i drobnymi detalami. JPEG tworzy artefakty wokół kontrastowych krawędzi, na zrzutach ekranu wygląda to niechlujnie. PNG zachowuje ostrość, ale waży wielokrotnie więcej. AVIF rozwiązuje oba problemy: kompresja jest znacząco efektywniejsza niż JPEG przy porównywalnej jakości wizualnej.

Adaptacyjność. Użytkownicy wchodzą z telefonów, tabletów i komputerów stacjonarnych w różnych przeglądarkach. AVIF obsługują Chrome, Firefox i Opera (od 2021-2022), Safari od wersji 16 (jesień 2022). WebP działa wszędzie od 2020 roku. JPEG i PNG to uniwersalny fallback, który rozumie każda przeglądarka z ostatnich 20 lat.

Jakie formaty obrazów obsługuje WordPress w 2026 roku

WordPress zmienił się radykalnie. O ile wcześniej „od razu po instalacji" działały tylko JPEG, PNG, GIF i ICO, to wraz z wydaniem WordPress 5.8 (2021) dodano natywną obsługę WebP, a z WordPress 6.5 (kwiecień 2024) pełną obsługę AVIF.

Pełna lista formatów dostępnych domyślnie (WordPress ≥6.5):

SVG (format wektorowy) WordPress domyślnie nie akceptuje ze względów bezpieczeństwa, plik SVG może zawierać JavaScript. Jeśli potrzebuje Pan/Pani SVG do logotypu lub ikon, proszę go wdrożyć przez functions.php z filtrowaniem lub użyć specjalistycznej wtyczki, takiej jak Safe SVG na WordPress.org.

Porównanie formatów: kiedy czego używać

JPEG (JPG)

Standard z 1992 roku, który wciąż obejmuje ~77% wszystkich obrazów w internecie według danych W3Techs (2026). Kompresja stratna z kontrolą poziomu jakości; 85-92 to „złoty środek". Miliony kolorów, doskonałe gradienty.

Minus: nie obsługuje przezroczystości. Każdy JPEG to prostokąt. Nie nadaje się do logotypu na przezroczystym tle. Do tego artefakty kompresji na ostrych kontrastowych krawędziach, zrzuty ekranu interfejsów w JPEG wyglądają niechlujnie.

Kiedy używać: zdjęcia, duże obrazy tła, posty na blogu z treścią fotograficzną, jeśli z jakiegoś powodu nie używa Pan/Pani WebP/AVIF.

PNG

Format stworzony jako wolna alternatywa dla GIF. Kompresja bezstratna: ani jednego utraconego piksela. Pełna przezroczystość alfa (256 poziomów) daje płynne cienie i półprzezroczyste elementy.

Minus: rozmiar. Zdjęcie PNG może ważyć 5-10 razy więcej niż wersja JPEG przy wizualnie identycznej jakości. Dla obrazów treści jest to nieuzasadnione.

Kiedy używać: zrzuty ekranu interfejsów (krytyczna ostrość tekstu), logotypy, infografiki, diagramy, ikony, obrazy z tekstem.

GIF

Format z 256 kolorami i animacją poklatkową. Legenda wczesnego internetu. Kompresja bezstratna, ale ograniczona paleta czyni go nieodpowiednim do zdjęć, gradienty zamieniają się w „schodki".

Minus: gigantyczny rozmiar animacji. 5-sekundowy GIF może ważyć 10-15 MB, podczas gdy ten sam filmik w animacji WebP to 1-2 MB.

Kiedy używać: tylko jeśli potrzebna jest krótka animacja bez dźwięku, a wersja WebP/AVIF jest niedostępna.

WebP

Google przedstawił WebP w 2010 roku, ale format naprawdę „wystartował" po 2020, gdy obsługę dodały wszystkie główne przeglądarki. Obsługuje zarówno kompresję stratną, jak i bezstratną w jednym formacie. Przezroczystość: tak. Animacja: tak. Obrazy WebP są średnio o 25-35% mniejsze niż PNG i o 25-34% mniejsze niż JPEG przy ekwiwalentnej jakości.

Minus: w momencie pisania nie jest to już najefektywniejszy format, AVIF przewyższa go pod względem kompresji. Ale jako fallback WebP jest niezastąpiony.

Kiedy używać: uniwersalny format do wszystkiego. Jeśli ma Pan/Pani wątpliwości, proszę wybrać WebP. Zdjęcia, zrzuty ekranu, animacje, grafika, radzi sobie ze wszystkim.

AVIF

Najefektywniejszy format obrazów na rok 2026. Bazuje na kodeku wideo AV1. Obrazy AVIF są o 30-50% mniejsze niż WebP przy tej samej jakości wizualnej. Obsługuje HDR, szeroką gamę kolorów, kompresję stratną i bezstratną, przezroczystość oraz animację. WordPress 6.5+ obsługuje AVIF natywnie, można przesyłać bezpośrednio do biblioteki mediów.

Minus: Safari dodało obsługę dopiero od wersji 16 (jesień 2022), starsze iPhone’y i Maki na przestarzałych wersjach nie zobaczą AVIF. Rozwiązuje się to przez dodanie WebP/JPEG-fallback za pomocą elementu <picture> lub wtyczki optymalizacyjnej.

Kiedy używać: priorytetowy format dla zdjęć i zrzutów ekranu. Jeśli witryna na WordPress ≥6.5, AVIF to Pana/Pani główny wybór, WebP to zabezpieczenie.

Jak dodać obsługę dodatkowych formatów

WordPress filtruje przesyłane pliki według typu MIME. Jeśli potrzebuje Pan/Pani zezwolić na SVG, BMP lub inny format, proszę dodać go przez hook upload_mimes w functions.php szablonu:

1
add_filter( 'upload_mimes', 'techblog_add_mime_types' );
2
function techblog_add_mime_types( $mime_types ) {
3
    $mime_types['svg']  = 'image/svg+xml';
4
    $mime_types['bmp']  = 'image/bmp';
5
    $mime_types['webp'] = 'image/webp';   // WP 5.8+ не требуется
6
    $mime_types['avif'] = 'image/avif';   // WP 6.5+ не требуется
7
 
8
    return $mime_types;
9
}

Kod dodaje się do functions.php aktywnego szablonu lub przez wtyczkę Code Snippets. Proszę zrobić kopię zapasową przed edycją, błąd w PHP położy witrynę.

Ostrzeżenie dla SVG. Pliki SVG mogą zawierać JavaScript. Jeśli otwiera Pan/Pani przesyłanie SVG, proszę użyć wtyczki Safe SVG (sanuje skrypty), która sanuje pliki i wycina skrypty przed zapisaniem w bibliotece mediów.

Alternatywą jest wtyczka File Upload Types, która dodaje obsługę kilkudziesięciu formatów przez interfejs. Dla jednego lub dwóch formatów prostszy będzie hak upload_mimes.

Najlepsze praktyki: rozmiar, SEO i optymalizacja

Optymalny rozmiar obrazów

Proszę przesyłać obrazy dokładnie w takim rozmiarze, jaki jest potrzebny na stronie. Jeśli zdjęcie znajduje się w kolumnie o szerokości 800 px, nie ma sensu ładować oryginału 4000 px. WordPress tworzy kilka rozmiarów podczas przesyłania (thumbnail, medium, large), ale plik źródłowy jest przechowywany na serwerze i może zostać dostarczony przeglądarce przy wywołaniu full.

Zasada: przed przesłaniem proszę zmniejszyć obraz do maksymalnej szerokości wyświetlania (zazwyczaj 1200-1600 px dla obszaru treści). Narzędzia: Photoshop, darmowy Squoosh od Google, narzędzie CLI cwebp.

Zwiększenie limitu przesyłania

Domyślnie WordPress ogranicza rozmiar przesyłanego pliku do 2 MB. W przypadku nowoczesnych plików AVIF rzadko stanowi to problem (pliki są znacznie mniejsze niż JPEG), ale przy przesyłaniu dużego PNG lub animowanego WebP limit może przeszkadzać.

Na wielu hostingach limit zmienia się przez panel sterowania. Na przykład w Cloudways, sekcja Server Management → Settings and Packages. Na GoDaddy przez cPanel, w Media Temple przez edycję php.ini, a w przypadku WP Engine należy skontaktować się z pomocą techniczną. Jeśli nie ma Pan/Pani bezpośredniego dostępu do ustawień serwera, proszę dodać w wp-config.php:

1
define( 'WP_MEMORY_LIMIT', '256M' );

Zwiększy to limit pamięci PHP i pośrednio podniesie próg przesyłania.

SEO obrazów: tekst alternatywny i nazwy plików

Wyszukiwarki nie „widzą" obrazka, czytają jego atrybuty. Tekst alternatywny to opis obrazu, który jest indeksowany i odczytywany przez czytniki ekranu.

Zasady dobrego tekstu alternatywnego:

• Proszę opisywać, co znajduje się na obrazie, w kontekście wpisu. Nie „zrzut ekranu", a „panel sterowania Cloudways z podświetlonym polem Upload Size".
• 4-8 słów, po polsku, ze słowem kluczowym sekcji.
• Proszę nie zaczynać od „Obraz…" lub „Zdjęcie…".
• Dla obrazów dekoracyjnych proszę pozostawić alt="".

Nazwa pliku również ma znaczenie. IMG_20241015_142302.jpg nic nie mówi wyszukiwarce. wordpress-image-format-comparison-chart.png mówi. Proszę zmieniać nazwy plików przed przesłaniem.

Wtyczki do optymalizacji obrazów

Ręczna optymalizacja każdego pliku zabiera czas. Wtyczki automatyzują proces: kompresują, konwertują do WebP/AVIF i dostarczają przeglądarce optymalny format. Według testów WPShout (2025), top-4 wygląda następująco:

Pełniejszy przegląd wtyczek do optymalizacji znajduje się w naszym osobnym artykule.

Strategia oparta na analityce

Google Analytics (lub Matomo) pokazuje, z jakich urządzeń i przeglądarek korzystają odwiedzający. To określa, który format powinien być głównym. Jeśli większość odbiorców używa najnowszych wersji Chrome i Safari, AVIF jest uzasadniony, a dla pozostałych należy skonfigurować fallback do WebP za pomocą wtyczki.

Jeśli wśród odwiedzających jest dużo iPhone'ów z iOS 15 i starszym, AVIF nie zadziała i głównym formatem powinien być WebP z JPEG jako zabezpieczeniem. Mamy szczegółowy poradnik o tym, jak serwować obrazy WebP w WordPressie, z trzema metodami, od CDN po ręczne <picture>.

Wideo: AVIF i WebP w WordPressie w praktyce

Krótkie wideo pokazuje proces konwersji obrazów do AVIF i WebP bezpośrednio w panelu administracyjnym WordPressa oraz porównanie rozmiarów przed i po:

Format AVIF zapewnia znacznie lepszą kompresję niż WebP, różnica jest szczególnie widoczna na zdjęciach z płynnymi gradientami i dużą ilością szczegółów. WordPress 6.5+ obsługuje AVIF natywnie, bez wtyczek.

⁉️🤔 Często zadawane pytania

Jaka jest różnica między kompresją stratną a bezstratną?

W kompresji stratnej (lossy) algorytm usuwa część danych nierozróżnialnych dla oka, JPEG, AVIF lossy, WebP lossy. Plik jest mały, ale przy ponownym zapisie jakość ulega degradacji. W kompresji bezstratnej (lossless) każdy piksel jest zachowywany bez zmian, PNG, GIF, AVIF lossless, WebP lossless. Plik jest większy, ale idealny do grafiki z tekstem. Do zdjęć treści należy stosować kompresję stratną (AVIF quality 50-70 lub WebP quality 75-85), rozmiar zmniejszy się wielokrotnie. Kompresję bezstratną należy zostawić dla logotypów i zrzutów ekranu, gdzie ważna jest ostrość.

Jaki format wybrać dla zrzutów ekranu w 2026 roku?

AVIF w trybie bezstratnym lub z quality 90+. Na zrzutach ekranu ważny jest czytelny tekst, tryb bezstratny AVIF zachowuje ostrość na poziomie PNG, ale plik waży znacznie mniej. Jeśli strona na WordPressie jest starsza niż 6.5, WebP lossless jako główny, PNG jako fallback.

Proszę sprawdzić samodzielnie: zrobić zrzut ekranu panelu administracyjnego, zapisać w PNG, WebP lossless i AVIF lossless. Różnica wizualna, zero. Ale na stronie z kilkunastoma zrzutami ekranu różnica w megabajtach jest już odczuwalna dla LCP.

Czy konieczne jest instalowanie wtyczki optymalizacyjnej, skoro WordPress sam obsługuje WebP i AVIF?

WordPress obsługuje przesyłanie WebP i AVIF, ale nie konwertuje JPEG/PNG do nowoczesnych formatów automatycznie. Jeśli przesyłają Państwo gotowe pliki WebP/AVIF, wtyczka nie jest potrzebna. Jeśli pliki źródłowe są w JPEG/PNG, wtyczka konwertuje je podczas przesyłania i serwuje przeglądarce optymalny format.

Ponadto wtyczki rozwiązują zadanie fallbacku: generują <picture> z kilkoma źródłami dla różnych przeglądarek. Bez wtyczki będą musieli Państwo robić to ręcznie lub liczyć, że wszyscy odwiedzający używają przeglądarek z obsługą AVIF (na razie tak nie jest).

WebP czy AVIF, co wybrać teraz?

AVIF jako główny, WebP jako fallback. AVIF wygrywa pod względem kompresji (odczuwalnie w stosunku do WebP), jakości (HDR, szeroka gama kolorów) i obsługi przez przeglądarki, obecnie jest to Chrome 85+, Firefox 93+, Safari 16+, Opera 71+. Jedyne „ale", stare urządzenia z iOS: iPhone X i starsze na iOS 15 nie wyświetlą AVIF. Ale ich udział spada, a wtyczki takie jak EWWW i Optimole automatycznie serwują im WebP.

Jeśli Państwa analityka pokazuje zauważalny udział iOS 15 i starszych, główny format, WebP, AVIF jako opcja „dla tych, którzy mogą". Dla wszystkich pozostałych: AVIF teraz, WebP jako zabezpieczenie.

Czy można używać SVG dla logotypu w WordPressie?

SVG, idealny format dla logotypu: nieskończone skalowanie i mikroskopijny rozmiar (2-5 KB). Ale WordPress blokuje SVG ze względu na ryzyko ataków XSS (SVG może zawierać osadzony JavaScript). Należy użyć wtyczki Safe SVG (bezpieczne przesyłanie), która sanityzuje każdy przesyłany plik i wycina potencjalnie niebezpieczny kod. Po tym SVG można przesyłać bezpośrednio do biblioteki mediów i używać jak każdego innego formatu.

Co stosować na WordPressie w 2026: podsumowanie

Wybór formatu sprowadza się do trzech zasad. Zdjęcia i zrzuty ekranu, AVIF (priorytet) lub WebP, kompresja stratna quality 70-85. Logotypy i ikony, PNG lub AVIF lossless + SVG przez Safe SVG. Animacje, WebP zamiast GIF, oszczędność rozmiaru wielokrotna.

Nie należy wkładać wszystkich jajek do jednego koszyka formatów. Idealna strategia: AVIF → WebP → źródłowy JPEG/PNG, trzy warstwy przez <picture> lub wtyczkę. Prawie wszyscy odwiedzający otrzymają AVIF/WebP, pozostali, klasyczny format, i nikt nie zobaczy uszkodzonej ikony.

Należy skonfigurować automatyczną optymalizację raz, przez EWWW do lokalnego przetwarzania lub Optimole do usługi chmurowej z CDN, i zapomnieć o ręcznej kompresji. Analitykę należy sprawdzać raz na kwartał: udział starych przeglądarek spada i wkrótce AVIF stanie się formatem bez zastrzeżeń.