Porównanie formatów
PNG czy JPG: którego formatu obrazu używać?
PNG i JPG rozwiązują różne problemy: PNG zapisuje piksele bezstratnie i obsługuje przezroczystość, JPG wyrzuca detale, których oko prawie nie zauważa, żeby zdjęcia były radykalnie mniejsze. Wybieraj według treści, nie z przyzwyczajenia: interfejsy i tekst chcą PNG, fotografie chcą JPG.
W czym PNG jest najlepszy
PNG jest bezstratny: każdy piksel przetrwa dokładnie, niezależnie od tego, ile razy otworzysz i ponownie zapiszesz plik. To czyni go właściwym formatem dla zrzutów ekranu, makiet interfejsów, logo, diagramów i wszystkiego, co ma ostre krawędzie lub tekst; to też jedyny z tej dwójki z prawdziwą przezroczystością (kanałem alfa). Ceną jest rozmiar: na fotografii PNG może łatwo ważyć kilka razy więcej niż równoważny JPG.
W czym JPG jest najlepszy
JPG powstał z myślą o fotografii: płynne gradienty, naturalne tekstury, miliony kolorów. Jego stratna kompresja odrzuca detale, których oko prawie nie zauważa, i radykalnie zmniejsza zdjęcia przy wysokich ustawieniach jakości. Nie ma przezroczystości i rozmywa ostre krawędzie, dlatego tekst i zrzuty ekranu wyglądają w JPG nieostro. Strata jest też kumulacyjna: wielokrotne ponowne zapisywanie JPG stopniowo go degraduje.
Konwertuj i porównaj w przeglądarce
Najszybszy sposób na podjęcie decyzji to test na własnym obrazie: wrzuć go do kompresora obrazów, wybierz JPEG jako format wyjściowy i porównaj rozmiar oraz efekt wizualny obok oryginału. Wbudowany w przeglądarkę koder canvas obsługuje zarówno PNG, jak i JPEG, więc konwersja odbywa się w całości w karcie, bez przesyłania na serwer. Możesz przeciągnąć zrzut ekranu i fotografię w tym samym wsadzie i od razu zobaczyć, który format pasuje do każdego z nich.
Narzędzia użyte w tym poradniku
- Kompresuj obrazy Zmniejsz rozmiar pliku obrazu bez przesyłania. Suwak jakości lub docelowy rozmiar w KB. Obsługa wsadowa.
- Zmień rozmiar obrazów Zmieniaj rozmiar i konwertuj obrazy (JPEG, PNG, WebP) bez ich przesyłania.
- Obraz do Base64 Konwertuj obrazy na URI danych Base64 (i z powrotem) bezpośrednio w przeglądarce. Kopiuj, snippet CSS, bez przesyłania.
Najczęściej zadawane pytania
Zrzut ekranu: PNG czy JPG?
PNG. Zrzuty ekranu są pełne tekstu i ostrych krawędzi, czyli dokładnie tego, co kompresja JPG rozmywa w pierwszej kolejności. Zrzut zapisany jako JPG dostaje nieostre litery i poświaty wokół krawędzi; PNG pozostaje idealnie ostry i przy treści interfejsu często nie jest dużo większy.
Czy konwersja JPG z powrotem do PNG przywraca jakość?
Nie. Cokolwiek kompresja JPG wyrzuciła, przepadło na dobre; konwersja do PNG tylko bezstratnie zapisuje już uszkodzone piksele, w znacznie większym pliku. Konwertuj PNG do JPG, gdy potrzebujesz mniejszego zdjęcia, ale zachowaj oryginalny PNG, jeśli możesz jeszcze chcieć go edytować.