Użyj JPG dla zdjęć i PNG dla grafiki, zrzutów ekranu i przezroczystości. Ta pojedyncza reguła rozwiązuje większość decyzji dotyczących formatu. Uzasadnienie sprowadza się do liczb: 12-megapikselowe zdjęcie zapisane w formacie PNG waży od 2 do 8 MB, podczas gdy to samo zdjęcie w formacie JPG mieści się w przedziale od 200 do 800 KB bez różnicy, którą ludzkie oko może dostrzec. Odwróć jednak treść, a korzyść odwróci się wraz z nią. Płaskie logo zapisane w formacie JPG ma wokół krawędzi rozmyte aureole, których PNG nigdy nie tworzy. W tym przewodniku wyjaśniono, co właściwie każdy format robi, gdzie się psuje i który wybrać do zdjęć, logo, zrzutów ekranu, druku i Internetu.

Co to jest plik PNG?

PNG oznacza Przenośna grafika sieciowa, format wydany w 1996 roku jako wolny od patentów zamiennik formatu GIF. Kompresuje się bezstratnie przy użyciu algorytmu DEFLATE, tej samej metody, której używają archiwa ZIP, więc każdy pojedynczy piksel przetrwa zapisanie i ponowne zapisanie bez zmian. PNG zawiera również plik kanał alfa, czwarta wartość na piksel, która kontroluje krycie od całkowicie niewidocznego do całkowicie pełnego. Istnieją dwa popularne warianty: PNG-8 ogranicza paletę do 256 kolorów i utrzymuje małe pliki w przypadku prostej grafiki, podczas gdy PNG-24 przechowuje miliony kolorów w celu uzyskania bogatszych obrazów. Zrzuty ekranu, logo, ikony, wykresy i makiety interfejsów wykorzystują mocne strony PNG. Zdjęcia tego nie robią i tu rolę przejmuje rywal.

Co to jest plik JPG?

JPG (identyczny z JPEG, skrót od Wspólna Grupa Ekspertów Fotograficznych) pojawił się w 1992 roku i został zaprojektowany do jednego zadania: zmniejszania fotografii. Dzieli obraz na bloki o wymiarach 8 na 8 pikseli i odrzuca szczegóły kolorów, które ludzki wzrok ledwo rejestruje, co jest procesem zwanym kompresją stratną. Pokrętło jakości od 0 do 100 kontroluje, jak agresywne staje się odrzucanie. U góry tej tarczy strata jest niewidoczna; na dole obrazy stają się blokowe. Handel wiąże się z dużymi kosztami: JPG nie ma kanału alfa, więc nie może pomieścić przezroczystego tła, a wyrzucone dane nigdy nie wracają. O ile mniejszy jest ten handel, tak naprawdę Twoje pliki? Liczby są uderzające.

Rozmiar pliku: liczby ze świata rzeczywistego

Rozmiar pliku to miejsce, w którym oba formaty różnią się najbardziej, a zwycięzca zależy wyłącznie od treści:

Zdjęcie ze smartfona: około 4MB jako PNG, 300 do 500KB jako JPG w jakości 90. JPG wygrywa dziesięciokrotnie.
Zrzut ekranu pulpitu na pełnym ekranie: 2 do 5 MB w formacie PNG, około 400 KB w formacie JPG. JPG wygrywa pod względem rozmiaru, choć krawędzie tekstu lekko zmiękczają.
Logo dwukolorowe o wymiarach 500 na 500 pikseli: około 8 KB w formacie PNG-8, 25 KB lub więcej w formacie JPG z widocznymi szumami na krawędziach. PNG wygrywa zarówno pod względem rozmiaru, jak i wyglądu.
Wykres z dużą ilością gradientów: wyniki są różne i warto przetestować oba.

Zatem żaden format nie jest powszechnie „mały”. Treści fotograficzne kompresują się znacznie lepiej w formacie JPG; płaska grafika z kilkoma kolorami często kompresuje się lepiej jako PNG. Rozmiar to tylko połowa historii, ponieważ każdy format również zawodzi inaczej.

Jakość obrazu: tam, gdzie każdy format się psuje

Problemy z jakością pojawiają się w przeciwnych miejscach. Słabością JPG jest ostre krawędzie o wysokim kontraście: czarny tekst na białym tle, cienkie linie, twarde obramowania. Agresywna kompresja powoduje rozproszenie słabych plamek (tzw. artefaktów dzwonienia) wokół tych krawędzi, dlatego mocno skompresowany zrzut ekranu wygląda na rozmazany, nawet jeśli zdjęcie przy tym samym ustawieniu wygląda dobrze. JPG również cierpi strata pokoleń: każdy cykl edycji i zapisywania ponownie kompresuje obraz i nakłada nowe obrażenia na stare. PNG nie ma żadnego problemu. Jego słabością jest wyłącznie ciężar; doskonałość kosztuje megabajty. Trzecia różnica między formatami wcale nie dotyczy jakości. Chodzi o to, co dzieje się za obrazem.

Przejrzystość i kanał alfa

W tym porównaniu przezroczystość należy wyłącznie do PNG. Kanał alfa pozwala logo unosić się nad dowolnym kolorem strony, dlatego projektanci stron internetowych domyślnie eksportują zasoby interfejsu w formacie PNG. Przekonwertuj ten plik na JPG, a przezroczysty obszar musi zostać spłaszczony do jednolitego koloru, domyślnie białego w nasz konwerter, z dostępnymi czarnymi i niestandardowymi wypełnieniami. Szczegółowo omawiamy mechanikę w naszym przezroczysty przewodnik w tle. Po ustaleniu trzech podstawowych różnic wybór dowolnego pliku staje się mechaniczny.

Kiedy używać PNG

Sięgnij po PNG w następujących sytuacjach:

Loga i ikony, gdzie krawędzie muszą pozostać ostre jak brzytwa na każdym poziomie kompresji.
Zrzuty ekranu, które będziesz komentować lub ponownie edytować, ponieważ wielokrotne oszczędzanie nic nie kosztuje.
Obrazy wymagające przezroczystości: znaki wodne, nakładki, grafika pływająca.
Wykresy, diagramy i grafiki zawierające dużo tekstu, gdzie plamki kompresyjne mogłyby pogorszyć czytelność.
Mistrzowskie kopie czegokolwiek, co możesz później zmodyfikować.

Kiedy używać JPG

Wybierz JPG dla tych zadań:

Fotografie zmierzaj w dowolne miejsce: Internet, poczta e-mail, serwisy społecznościowe, pamięć masowa.
Prześlij formularze na portalach rządowych i stronach z ofertami pracy, które często wymagają formatu JPG i wymuszają ograniczenie rozmiaru, takie jak 100 lub 200 KB.
Załączniki do wiadomości e-mail, gdzie partia dziesięciu obrazów musi zmieścić się w 25 MB, narzuconym przez Gmaila i Outlooka.
Obrazy treści witryny, ponieważ lżejsze strony mają lepszą pozycję w rankingu i zapewniają lepszą konwersję.
Archiwizowanie gotowych zdjęć przy jakości 90 lub wyższej, zamieniając niewidoczne straty na ogromne oszczędności w przechowywaniu.

Co jest lepsze dla Twojej witryny?

Wydajność witryny faworyzuje JPG w przypadku każdego zasobu fotograficznego. Waga strony jest podawana bezpośrednio Największa treściwa farba, jeden z podstawowych wskaźników internetowych Google, a zamiana zdjęć PNG na kopie w formacie JPG to często największa jednoetapowa oszczędność dostępna na stronie zawierającej dużo obrazów. Zachowaj format PNG dla elementów, które go potrzebują: logo, ikon z przezroczystością i elementów interfejsu użytkownika. Nowoczesne witryny coraz częściej służą WebP lub AVIF, który pod względem kompresji pokonuje oba klasyczne formaty, ale JPG pozostaje uniwersalnym rozwiązaniem zastępczym, które otwiera się wszędzie, od przeglądarek sprzed dziesięciu lat po oprogramowanie biurowe. Niezależnie od tego, na jakim miksie się zdecydujesz, w końcu będziesz musiał przenieść obrazy z jednego formatu do drugiego.

Jak przekonwertować pomiędzy PNG i JPG

Konwersja w naszym przypadku składa się z trzech kroków bezpłatne narzędzie oparte na przeglądarce: upuść pliki PNG, wybierz poziom jakości lub dokładny rozmiar docelowy i pobierz wyniki. Przetwarzanie odbywa się na Twoim własnym urządzeniu, bez przesyłania żadnych plików. Pójście w innym kierunku (JPG do PNG) jest technicznie trywialne, ale rzadko przydatne, ponieważ zawijanie już skompresowanych pikseli w bezstratny kontener niczego nie przywraca, a jedynie powiększa plik. Nasz przewodnik po jakości obejmuje dokładne ustawienia, których warto użyć.

Czy PNG ma wyższą jakość niż JPG?

Tak dla grafiki, właściwie nie dla zdjęć. PNG jest matematycznie doskonały ponieważ nic nie jest odrzucane, ale na zdjęciu oglądanym w normalnym rozmiarze plik JPG zapisany w jakości 90 wygląda identycznie, a waży jedną dziesiątą mniej.

Co oznacza kompresja bezstratna?

Środki kompresji bezstratnej plik zmniejsza się bez usuwania danych pikseli, więc dekompresja dokładnie przywraca obraz. Kompresja stratna zmniejsza się jeszcze bardziej, trwale usuwając szczegóły, których oko prawdopodobnie nie przeoczy.

Jakiego formatu należy używać w przypadku logo, zdjęć i zrzutów ekranu?

Logo jest w formacie PNG, zdjęcia w formacie JPG, a zrzuty ekranu zależą od miejsca docelowego: zachowaj PNG podczas edycji, przekonwertuj na JPG w celu udostępnienia lub przesłania.

PNG czy JPG do druku?

Albo drukuje dobrze w wysokiej rozdzielczości, ale drukarnie zazwyczaj preferują format JPG ponieważ pliki przesyłają się szybciej i tego oczekują ich potoki kolorów. Eksportuj w jakości 95 lub wyższej, aby kompresja pozostała niewidoczna na papierze.

Dlaczego moje pliki PNG są tak duże?

Ponieważ bezstratne przechowywanie szczegółów fotograficznych jest drogie. Miliony subtelnie różnych kolorów nie dają algorytmowi DEFLATE prawie żadnego elementu do kompresji, więc w formacie ostatecznie przechowywane są prawie surowe dane pikseli.

Czy konwersja JPG na PNG poprawia jakość?

Nie. Odrzucony szczegół JPG zniknął na stałe, a opakowanie PNG po prostu zachowuje uszkodzoną wersję w większym pliku.

Które formaty obrazów obsługują przezroczystość?

PNG, WebP, AVIF i GIF wspierać przejrzystość; JPG i BMP nie. PNG oferuje najpłynniejsze łączenie alfa starszych formatów.

Czy WebP jest lepszy niż PNG i JPG?

Przy kompresji tak: Pliki WebP są od 25 do 35 procent mniejsze niż równoważne pliki JPG i obsługują również przejrzystość. JPG wciąż wygrywa uniwersalną kompatybilnością ze starszym oprogramowaniem, dlatego oba pozostają wszędzie.

Nadal decydujesz? Uruchom kopię swojego obrazu przez Konwerter PNG na JPG i porównaj wynik obok oryginału. Właściwa odpowiedź jest zwykle oczywista w ciągu kilku sekund, a sprawdzenie nic nie kosztuje.