JPG, PNG czy WebP: jaki format obrazu wybrać?

Kompresja stratna i bezstratna: podstawowa różnica

Formaty obrazów dzielą się na dwie grupy. Kompresja stratna zmniejsza plik, odrzucając szczegóły, których ludzkie oko prawie nie zauważa. Kompresja bezstratna działa podobnie jak archiwum ZIP: po rozpakowaniu dostajesz dokładnie ten sam obraz, ale oszczędność miejsca jest mniejsza.

JPG (inaczej JPEG) jest zawsze stratny. PNG jest zawsze bezstratny. WebP potrafi działać w obu trybach, dlatego jest najbardziej elastyczny z całej trójki.

JPG: standard dla zdjęć

JPG zaprojektowano z myślą o fotografiach z dużą ilością płynnych przejść kolorów. W przypadku takich obrazów jest bardzo wydajny: przeciętne zdjęcie bywa kilkukrotnie mniejsze niż to samo zdjęcie zapisane jako PNG. Otworzy go praktycznie wszystko: telefony, przeglądarki, punkty wywoływania zdjęć i stare komputery.

Są też wady: JPG nie obsługuje przezroczystości, a ostre krawędzie i tekst łapią widoczne artefakty (rozmyte obwódki wokół liter). Ponadto przy każdym otwarciu, edycji i ponownym zapisie pliku JPG jakość nieco spada.

PNG: zrzuty ekranu, logo i przezroczystość

PNG zachowuje każdy piksel bez zmian i obsługuje przezroczyste tło. Dzięki temu świetnie nadaje się do logo, ikon, diagramów, zrzutów ekranu i wszystkiego, co zawiera tekst lub wyraźne linie.

Ceną jest rozmiar pliku. Prawdziwa fotografia zapisana jako PNG może być kilka razy większa niż w formacie JPG, a to oznacza wolniejsze ładowanie stron. Jeśli nie potrzebujesz przezroczystości ani edycji bez strat, zdjęć zwykle nie warto przechowywać jako PNG.

WebP: nowoczesna alternatywa

WebP stworzył Google. Obsługuje kompresję stratną i bezstratną, przezroczystość, a nawet proste animacje. Przy zbliżonej jakości obrazu plik WebP jest zwykle wyraźnie mniejszy niż JPG lub PNG, często o jedną czwartą lub więcej, choć dokładny zysk zależy od konkretnego obrazu.

Wszystkie nowoczesne przeglądarki otwierają WebP bez problemu. Niektóre starsze programy, klienty poczty, usługi drukarskie i formularze przesyłania plików wciąż jednak go odrzucają, więc czasem trzeba przekonwertować plik z powrotem do JPG lub PNG.

Tabela porównawcza

Co wybrać w praktyce

• Zdjęcie do wysłania e-mailem lub wydrukowania: JPG.
• Logo z przezroczystym tłem: PNG (lub WebP, jeśli platforma go akceptuje).
• Zrzut ekranu z tekstem: PNG.
• Zdjęcia na własnej stronie internetowej: WebP, dzięki czemu strony ładują się szybciej.
• Plik do portalu urzędowego lub starszego systemu: JPG, czyli najbezpieczniejszy wybór.

Konwersja nie przywraca utraconej jakości

Częsty błąd to konwertowanie JPG do PNG w nadziei, że obraz będzie wyglądał lepiej. Nie będzie. Gdy zdjęcie zostało zapisane jako JPG, część szczegółów przepadła bezpowrotnie. PNG po prostu zachowa już pogorszoną wersję, a plik stanie się większy. To samo dotyczy zamiany JPG na bezstratny WebP.

Konwersja ma sens wtedy, gdy potrzebujesz przezroczystości, zgodności albo mniejszego rozmiaru. Zawsze, gdy konwertujesz, zachowaj oryginał. Nasze konwertery działają w Twojej przeglądarce, więc pliki nigdy nie są przesyłane na serwer.

Jak wybrać: krótka lista kontrolna

Zanim przekonwertujesz lub wyeksportujesz obraz, odpowiedz sobie na trzy pytania. Po pierwsze: czy obraz ma przezroczyste obszary, które trzeba zachować? Jeśli tak, JPG odpada i wybierasz między PNG a WebP. Po drugie: czy to zdjęcie, czy grafika? Zdjęcia dobrze wyglądają jako JPG lub WebP, a grafiki z tekstem i jednolitymi kolorami lepiej zapisać jako PNG. Po trzecie: gdzie plik będzie używany? Jeśli nie masz pewności, czy miejsce docelowe obsługuje WebP, wybierz JPG lub PNG.

Praktyczny przykład: masz ze smartfona zdjęcie o szerokości 4000 pikseli. Strona internetowa ani sklep online nie potrzebują takiego rozmiaru. Po zmniejszeniu do około 1600 pikseli szerokości i zapisaniu jako JPG lub WebP plik często kurczy się z kilku megabajtów do kilkuset kilobajtów, bez widocznej różnicy na ekranie. Zmiana rozmiaru często daje większą oszczędność niż zmiana formatu.

• Ustawienie jakości: dla zdjęć JPG lub WebP zwykle wystarcza mniej więcej 75–85 na 100. Niższa wartość daje widoczne kwadraty, wyższa powiększa plik przy niemal niezauważalnej poprawie.
• Małe ikony i logo: PNG lub SVG zamiast JPG, ponieważ JPG psuje ostre krawędzie.
• Do druku używaj najwyższej jakości i nie zmniejszaj rozdzielczości.
• Jeśli będziesz dalej edytować obraz, zachowaj kopię w PNG, a do JPG lub WebP eksportuj tylko wersję końcową.