PNG czy JPG? Szybka decyzja w 30 sekund
Cztery pytania, które za każdym razem rozstrzygają sprawę, bez potrzeby rozumienia teorii kompresji czy czytania kolejnego wyjaśnienia o współczynnikach DCT.
Używaj PNG do przezroczystości, zrzutów ekranu, logo i diagramów. Używaj JPG do zdjęć. Te 2 zasady rozstrzygają niemal każdy przypadek i rzadko musisz zastanawiać się nad decyzją dłużej niż kilka sekund.
Przejdź przez poniższą listę i zatrzymaj się na pierwszym „tak”. Jeśli żadne z pytań nie ma zastosowania, szczerą odpowiedzią w 2026 roku jest użycie WebP, który radzi sobie z oboma rodzajami obrazów lepiej niż którykolwiek ze starszych formatów.
4 pytania, które o tym decydują
- Czy potrzebuje przezroczystego tła? Użyj PNG.
- Czy to zrzut ekranu, logo, diagram lub cokolwiek z ostrymi krawędziami i jednolitym kolorem? Użyj PNG.
- Czy to zdjęcie? Użyj JPEG.
- Czy będzie wielokrotnie edytowane i ponownie zapisywane? Użyj PNG, ponieważ JPEG traci trochę jakości za każdym razem.
Dlaczego te 2 formaty zachowują się inaczej
PNG zapisuje każdy piksel dokładnie, podczas gdy JPEG odrzuca szczegóły, których oko prawdopodobnie nie zauważy. Ta jedna różnica wyjaśnia każdą rekomendację w tym artykule.
Kompresja PNG wyszukuje powtórzenia i opisuje je wydajnie, co działa znakomicie przy jednolitych kolorach, a słabo przy szumie fotograficznym. Kompresja JPEG dzieli obraz na bloki i upraszcza szczegóły wewnątrz każdego z nich, co działa znakomicie przy łagodnych przejściach tonalnych na zdjęciach, a słabo przy ostrych krawędziach. Każdy format jest wydajny dokładnie przy tej zawartości, z którą ten drugi radzi sobie słabo.
Co się stanie, gdy wybierzesz źle
Zdjęcie zapisane jako PNG staje się od 3 do 5 razy większe niż to konieczne, a zrzut ekranu zapisany jako JPEG zyskuje widoczne obwódki wokół tekstu. Oba błędy są powszechne i oba łatwo zauważyć.
| Typ obrazu | Jako PNG | Jako JPEG jakość 85 | Właściwy wybór |
|---|---|---|---|
| Zdjęcie, 12 megapikseli | 18 MB | 2.4 MB | JPEG |
| Zrzut ekranu z tekstem | 180 KB | 240 KB i rozmyty tekst | PNG |
| Logo z przezroczystością | 40 KB | Utracona przezroczystość | PNG |
| Wykres lub diagram | 90 KB | 150 KB z obwódkami | PNG |
| Zeskanowane zdjęcie | 12 MB | 1.8 MB | JPEG |
Wiersz ze zrzutem ekranu zaskakuje ludzi najbardziej. JPEG generuje większy plik niż PNG przy płaskiej grafice, jednocześnie niszcząc tekst, co jest najgorszym możliwym połączeniem.
Przezroczystość to zasada bez wyjątku
JPEG nie obsługuje kanału przezroczystości, więc przezroczyste tło staje się jednolicie białe podczas konwersji. Żadne ustawienie jakości tego nie zmieni, ponieważ format ten nie ma gdzie zapisać tej informacji.
Ten problem objawia się jako białe pole za logo umieszczonym na kolorowej stronie. Tam, gdzie potrzebna jest przezroczystość, wyborem jest PNG lub WebP. WebP obsługuje jednocześnie przezroczystość i kompresję stratną, co jest jedyną rzeczą, której żaden ze starszych formatów nie potrafi, i zazwyczaj generuje plik o 25 do 35 procent mniejszy niż odpowiednik PNG.
Dlaczego jakość JPEG pogarsza się przy wielokrotnym zapisywaniu
Każdy zapis JPEG trwale odrzuca szczegóły, a straty kumulują się przy kolejnych zapisach. Otwarcie pliku JPEG, wprowadzenie drobnej zmiany i ponowne jego zapisanie nie jest operacją neutralną.
Po 5 lub 6 cyklach uszkodzenia stają się widoczne jako pikseloza na gładkich obszarach i obwódki wokół krawędzi. PNG nigdy nie ma tego problemu, ponieważ za każdym razem odtwarza obraz dokładnie. Przechowuj pliki robocze jako PNG lub w rodzimym formacie swojego edytora, a JPEG eksportuj wyłącznie jako ostateczną wersję docelową.
Zrzuty ekranu to prawie zawsze PNG
Zrzuty ekranu zawierają tekst, krawędzie interfejsu i jednolite kolory, czyli dokładnie to, co PNG przechowuje wydajnie, a JPEG niszczy. Tekst jest tego najlepszym dowodem, ponieważ artefakty JPEG wokół liter są łatwe do zauważenia.
Istnieje jeden wyjątek. Zrzut ekranu przedstawiający zdjęcie, kadr z wideo lub grę to zawartość fotograficzna w opakowaniu zrzutu ekranu i JPEG radzi sobie z nią prawidłowo. Oceniaj po tym, co jest na obrazie, a nie po tym, jak plik został utworzony.
Jakiego ustawienia jakości używać dla JPEG
Używaj jakości 85 do ogólnego użytku i jakości 75 dla obrazów internetowych, ponieważ widoczna różnica między nimi jest niewielka, a różnica w rozmiarze pliku – duża. Jakość 100 z grubsza podwaja rozmiar pliku bez widocznego zysku.
- Jakość 90 do 95 do archiwizacji, druku i zdjęć, które będziesz później edytować.
- Jakość 80 do 85 do ogólnego użytku, gdzie strata jest niewidoczna przy normalnym rozmiarze oglądania.
- Jakość 70 to 75 dla stron internetowych, co jest optymalnym wyborem dla większości witryn.
- Jakość 50 do 65 tylko wtedy, gdy zmusza do tego rygorystyczny limit rozmiaru pliku.
- Jakość 100 do niczego, ponieważ JPEG pozostaje stratny nawet przy maksymalnym ustawieniu.
Jak zmniejszyć plik PNG, który jest zbyt duży
PNG nie ma suwaka jakości, więc zamiast tego użyj tych 4 podejść, w kolejności ich skuteczności.
- Zmniejsz wymiary, co nic nie kosztuje, a zazwyczaj daje największy zysk. Nikt nie potrzebuje zrzutu ekranu o szerokości 5000 pikseli.
- Zmniejsz głębię kolorów, co działa dobrze przy płaskiej grafice, a słabo przy zdjęciach.
- Przytnij nieużywane obszary, ponieważ pusta przestrzeń wciąż wpływa na rozmiar pliku.
- Konwertuj do WebP, co pozwala zachować przezroczystość i zazwyczaj daje plik o 25 do 35 procent mniejszy.
Kiedy JPG jest wymagany bez względu na zawartość
Portale rządowe, formularze egzaminacyjne i większość usług drukarskich akceptują wyłącznie pliki JPG, niezależnie od tego, co zawiera obraz. Zasada dotycząca zawartości ustępuje miejsca zasadzie dotyczącej miejsca docelowego.
Zeskanowane dokumenty to kłopotliwy przypadek, ponieważ strona z tekstem to płaska grafika, którą PNG zapisałby lepiej, podczas gdy portal wymaga JPG. Skanuj w odcieniach szarości, utrzymuj rozdzielczość bliską 300 DPI i używaj jakości 85 lub wyższej, aby tekst pozostał czytelny. Wynik będzie większy niż w przypadku PNG, ale przynajmniej uda się go przesłać.
Czy PNG naprawdę oznacza lepszą jakość
PNG jest bezstratny, co nie jest tożsame z lepszym wyglądem. Zdjęcie zapisane jako PNG wygląda identycznie jak to samo zdjęcie przy jakości JPEG 90, zajmując przy tym 5 razy więcej miejsca.
Zamieszanie wynika ze słowa „bezstratny”, które opisuje sposób przechowywania pliku, a nie wygląd obrazu. Bezstratność ma znaczenie, gdy plik będzie wielokrotnie edytowany lub gdy wymagane są dokładne wartości pikseli. W przypadku zdjęcia opublikowanego raz i oglądanego na ekranie, ta różnica nie ma widocznych konsekwencji.
Gdzie między nimi plasuje się WebP
WebP oferuje zarówno tryb stratny dla zdjęć, jak i bezstratny dla grafiki, a także przezroczystość w obu z nich. Format ten eliminuje potrzebę wyboru w większości sytuacji internetowych.
Każda współczesna przeglądarka obsługuje WebP, więc witryna internetowa nie ma powodów, by preferować PNG lub JPEG ze względów kompatybilności. Zachowaj starsze formaty dla plików, które opuszczają przeglądarkę, w tym formularzy przesyłania, załączników e-mail, materiałów prasowych i wszystkiego, co trafia do drukarni, gdzie obsługa WebP jest wciąż ograniczona.
Konwersja między tymi 2 formatami
Konwersja PNG do JPG zmniejsza rozmiar pliku i usuwa przezroczystość. Konwersja JPG do PNG zwiększa rozmiar pliku i niczego nie odzyskuje. Ten drugi kierunek jest tym, w którym ludzie najczęściej popełniają błędy.
Szczegółów odrzuconych już przez kompresję JPEG nie da się przywrócić poprzez zapisanie do formatu bezstratnego. Konwersja JPEG do PNG daje większy plik zawierający ten sam uszkodzony obraz, co bywa przydatne tylko wtedy, gdy jakiś system bezwzględnie wymaga PNG, ale nigdy nie służy poprawie jakości. Konwertuj z pliku źródłowego o najwyższej jakości, jaką dysponujesz, a nie z wersji docelowej.
Konwersja całego folderu za jednym razem
Konwertuj całą bibliotekę naraz, a nie plik po pliku, ponieważ decyzje o formacie zazwyczaj dotyczą całej kategorii obrazów. Folder ze zrzutami ekranu wymaga PNG, a folder ze zdjęciami produktów wymaga JPG lub WebP.
Wrzuć do 500 plików naraz lub przeciągnij bezpośrednio archiwum ZIP, a każdy obraz zostanie przekonwertowany do tej samej specyfikacji. Wszystko działa w Twojej przeglądarce na Twoim własnym procesorze, więc projekty klientów, niepublikowane projekty i wewnętrzne zrzuty ekranu nigdy nie trafiają na serwer. Nic nie jest przesyłane, co oznacza, że nie ma żadnej polityki przechowywania danych do przeczytania i nic nie jest nigdzie później zapisywane.
Przed konwersją podziel bibliotekę na zdjęcia i grafikę, ponieważ właściwy format różni się dla tych dwóch grup. Ten jeden krok porządkowania zmienia decyzję o formacie w zadanie wsadowe i jest powodem, dla którego warto odpowiedzieć na 4 pytania z początku tego artykułu raz dla całego folderu, a nie dla każdego pliku z osobna.