JPG, PNG czy WebP: którego formatu obrazu użyć?
Trzy formaty obejmują niemal każdy obraz, jaki kiedykolwiek prześlesz, i nie są zamienne. Wybierz zły, a dostaniesz plik trzy razy za duży, brzydki biały prostokąt za logo albo formularz, który po prostu odrzuci plik. Oto jak wybrać w około dziesięć sekund.
Zespół CrispPic3 min czytania
Krótka odpowiedź
- Fotografie: JPG — lub WebP, jeśli wiesz, że miejsce docelowe go przyjmie.
- Zrzuty ekranu, logo, tekst i diagramy: PNG — lub WebP.
- Wszystko z przezroczystym tłem: PNG lub WebP. Nigdy JPG.
- Strony internetowe: WebP, z JPG jako bezpiecznym rozwiązaniem zastępczym.
Obok siebie
| JPG | PNG | WebP | |
|---|---|---|---|
| Kompresja | Stratna | Bezstratna | Stratna lub bezstratna |
| Najlepszy do | Fotografii | Zrzutów ekranu, logo, grafiki z tekstem | Obu — dobry uniwersalny |
| Przezroczystość | Nie | Tak | Tak |
| Rozmiar typowego zdjęcia | Mały | Bardzo duży | Najmniejszy z trzech |
| Zgodność | Wszystko | Wszystko | Wszystkie współczesne przeglądarki; niektóre starsze aplikacje i formularze przesyłania go odrzucają |
JPG: uniwersalny format dla zdjęć
JPG odrzuca szczegóły, za którymi raczej nie zatęsknisz, i dlatego fotografie tak dobrze się w nim zmniejszają. Jego słabe strony to ostre krawędzie — tekst i rysunki liniowe dostają rozmytych artefaktów — oraz to, że nie potrafi zapisać przezroczystości. Jest akceptowany niemal wszędzie, co czyni go domyślną odpowiedzią, gdy formularz mówi po prostu „obraz”.
PNG: dokładne piksele, duże pliki
PNG zachowuje każdy piksel dokładnie, więc krawędzie pozostają ostre jak brzytwa, a przezroczystość działa. To idealny wybór dla zrzutu ekranu, logo lub diagramu. Dla fotografii to złe narzędzie: ten sam obraz może ważyć kilka razy więcej niż wersja JPG, bez żadnej widocznej korzyści.
WebP: mniejszy przy tej samej jakości
WebP stworzył Google, aby zastąpić oba poprzednie. Obsługuje kompresję stratną i bezstratną oraz przezroczystość, a pliki są zwykle o 25–35% mniejsze niż równoważny JPG. Wszystkie główne współczesne przeglądarki potrafią go wyświetlić. Minusem jest zgodność poza przeglądarką: niektóre starsze programy, formularze przesyłania i platformy handlowe nadal przyjmują wyłącznie JPG lub PNG.
Co się dzieje przy konwersji
- PNG na JPG: przezroczyste obszary zamieniają się w jednolite tło (w CrispPic — białe), a plik zwykle staje się dużo mniejszy.
- JPG na PNG: plik rośnie, nie stając się lepszy, a wszelkie artefakty JPEG zostają zachowane na zawsze.
- JPG na WebP: zwykle mniejszy przy podobnej jakości. To kolejny krok ze stratą, więc konwertuj z oryginału, gdy tylko możesz.
- HEIC na JPG: zobacz poradnik o HEIC.
Uwaga o AVIF
AVIF to nowszy format, który może pokonać WebP pod względem rozmiaru. CrispPic przyjmuje obrazy AVIF jako wejście, ale eksportuje JPG, PNG i WebP, bo to formaty działające niemal wszędzie.
Praktyczna zasada
Jeśli obraz ma gładkie fotograficzne tony, użyj JPG lub WebP. Jeśli ma jednolite kolory, ostry tekst lub przezroczystość, użyj PNG lub WebP. A jeśli formularz podaje format, użyj dokładnie tego — cokolwiek mówi teoria.
Najczęściej zadawane pytania
Czy WebP jest lepszy niż JPG?
Daje mniejsze pliki przy podobnej jakości, więc na stronie internetowej zwykle tak. Ale „lepszy” zależy od tego, dokąd plik trafia: jeśli formularz mówi tylko JPG, WebP tam jest bezużyteczny.
Dlaczego mój PNG jest taki duży?
PNG jest bezstratny, więc fotografie są zapisywane piksel po pikselu. Jeśli to zdjęcie, konwersja na JPG lub WebP zwykle drastycznie zmniejsza jego rozmiar.
Czy mogę poprawić jakość JPG, konwertując go na PNG?
Nie. Konwersja może jedynie zachować to, co już jest; nie odzyska szczegółów odrzuconych podczas tworzenia JPG.
Które formaty zachowują przezroczyste tło?
PNG i WebP. JPG nie potrafi zapisać przezroczystości, więc konwersja do niego wypełnia przezroczyste obszary jednolitym kolorem.
Wypróbuj z już ustawionymi właściwymi parametrami
Te strony otwierają narzędzie CrispPic skonfigurowane dokładnie pod ten przypadek. Twój obraz jest przetwarzany w twojej przeglądarce: nigdzie nie jest przesyłany.
Za darmo, bez konta i bez znaku wodnego.
Czytaj dalej
- Jak zmniejszyć rozmiar obrazu bez utraty jakościDlaczego zdjęcia tyle ważą i cztery kroki, które zmniejszają je o 70–90% bez widocznej różnicy: zmiana rozmiaru, właściwy format, rozsądna jakość i przycięcie tego, co zbędne.
- Jak otworzyć i przekonwertować zdjęcia HEIC (iPhone, Windows, Mac)Dlaczego zdjęcia z iPhone'a się nie otwierają ani nie przesyłają i wszystkie sposoby konwersji HEIC na JPG — na samym iPhonie, na Macu, w Windows lub za darmo w przeglądarce.
- Jak sprawić, by obrazy na twojej stronie ładowały się szybciej (bez rozmycia)Obrazy są zwykle najcięższą częścią strony internetowej. Rozmiary, formaty i ustawienia HTML, które je przyspieszają i poprawiają Core Web Vitals bez widocznej utraty jakości.