JPG, PNG czy WebP: jakiego formatu używać?

W jednym zdaniu: zdjęcia zapisuj w JPG lub WebP, grafiki i przezroczystość w PNG lub WebP. Zanim przejdziesz na WebP, sprawdź, czy miejsce, do którego przesyłasz pliki, go akceptuje.

JPG (zapisywany też jako JPEG) przechowuje zdjęcia oszczędnie, odrzucając drobne szczegóły, których oko rzadko zauważa. Akceptuje go niemal każda strona, aplikacja, usługa poczty e-mail i platforma sprzedażowa, dlatego to najbezpieczniejszy wybór, gdy nie masz pewności.

Jego słabe strony to ostre krawędzie i jednolite kolory. Na tekście, rysunkach kreskowych i zrzutach ekranu pojawiają się rozmyte obwódki, a JPG nie obsługuje przezroczystości. Za każdym razem, gdy JPG jest edytowany i ponownie zapisywany, traci trochę więcej, więc zachowaj oryginał i eksportuj z niego.

Aby zmniejszyć JPG bez zmiany formatu, użyj kompresora obrazów; aby wypróbować WebP, użyj JPG do WebP.

PNG jest bezstratny: każdy piksel zostaje zachowany dokładnie taki, jaki był. Dlatego sprawdza się przy logo, ikonach, zrzutach ekranu interfejsu i wszystkim, co zawiera tekst, a do tego obsługuje pełną przezroczystość, łącznie z miękkimi krawędziami i cieniami.

Ceną jest rozmiar. Zdjęcie zapisane jako PNG jest zwykle kilka razy większe niż dobry JPG. W raporcie Web Almanac 2024 przygotowanym przez HTTP Archive mediana dla plików PNG w sieci wyniosła 3,8 bita na piksel, wobec 2,0 dla JPG i 1,3 dla WebP.

Jeśli PNG zawiera zdjęcie, przekonwertuj je. Jeśli zawiera grafikę, skompresuj ją jako PNG albo wypróbuj PNG do WebP, które zachowuje przezroczystość.

Google zaprojektował WebP z myślą o sieci i format ten działa na oba sposoby: stratnie jak JPG lub bezstratnie jak PNG, w obu przypadkach z przezroczystością. Według Google bezstratne pliki WebP są o 26% mniejsze niż PNG, a stratne pliki WebP o 25–34% mniejsze niż porównywalne pliki JPG.

Wszystkie aktualne główne przeglądarki wyświetlają WebP: około 97% używanych przeglądarek, w tym Safari od wersji 14. Haczyk tkwi poza przeglądarką. Niektóre platformy wciąż nie przyjmują plików WebP: na przykład Amazon, Etsy i Mailchimp wymieniają JPG i PNG, ale nie WebP.

Konwersja też nie gwarantuje zysku. Proste logo lub zrzut ekranu z niewielką liczbą kolorów może być mniejszy jako PNG. Przekonwertuj, porównaj oba pliki i zachowaj mniejszy.

1. 01Czy obraz potrzebuje przezroczystości? Użyj PNG albo WebP tam, gdzie jest akceptowany.
2. 02Czy to zdjęcie lub realistyczny obraz? Użyj JPG albo WebP na własnej stronie.
3. 03Czy to zrzut ekranu, wykres, logo lub tekst? Użyj PNG, potem wypróbuj WebP i porównaj pliki.
4. 04Gdzie obraz zostanie przesłany? Upewnij się, że platforma akceptuje format; jeśli nie, zostań przy JPG lub PNG.
5. 05Skompresuj końcowy plik, niezależnie od formatu.

Rozmiary i limity konkretnych platform znajdziesz w poradniku wymagania dotyczące rozmiaru obrazów w e-mailach i sklepach internetowych.

AVIF to nowszy format, który pozwala uzyskać jeszcze mniejsze pliki, ale tworzy się je wolniej, a akceptuje go mniej narzędzi i platform. W sieci wciąż jest rzadkością: w Web Almanac 2025 AVIF odpowiadał za 0,7% obrazów LCP, wobec 11% dla WebP, 26% dla PNG i 57% dla JPG. Dla większości stron JPG, PNG i WebP wystarczają dziś do wszystkiego.

• Zapisywanie zdjęć jako PNG dla lepszej jakości. PNG zachowuje szczegóły, które już są, ale nie może dodać nowych, a plik rośnie kilkukrotnie.
• Konwertowanie JPG do PNG, by naprawić rozmyte krawędzie. Uszkodzenia są już w pliku JPG; zamiast tego wróć do oryginału.
• Przejście w całości na WebP bez sprawdzenia. Twoja strona może go chętnie przyjąć, a platforma sklepu lub narzędzie do e-maili — odrzucić.
• Zatrzymanie się po wyborze formatu. Format wyznacza punkt wyjścia; resztę załatwia kompresja końcowego pliku.

Dalej: jak kompresować obrazy na stronę internetową, krok po kroku.