WebP kompresuje zdjęcie o 25 do 34 procent mniejszy niż JPG według własnego badania Google obejmującego 1000 obrazów internetowych. Obydwa są formatami stratnymi stworzonymi z myślą o zdjęciach, więc prawdziwym pytaniem nie jest, który wygląda lepiej, ale jaki balans rozmiaru, kompatybilności i funkcji pasuje do Twojej pracy. JPG pochodzi z 1992 roku i otwiera się na każdym urządzeniu, jakie kiedykolwiek wyprodukowano. WebP pojawił się w 2010 roku i dodał przejrzystość, animację i tryb bezstratny, którego brakuje JPG. Porównanie to obejmuje pochodzenie obu formatów, testy rozmiaru, awarie każdego z nich pod wpływem kompresji, funkcje dodawane przez WebP, obsługę przeglądarek, wpływ na szybkość strony oraz przypadki, w których JPG pozostaje bezpieczniejszym wyborem.

Żaden format nie jest wyraźnym zwycięzcą. WebP wygrywa pod względem rozmiaru pliku i funkcji; JPG wygrywa na uniwersalnym zasięgu. Większość nowoczesnych witryn internetowych obsługuje teraz WebP z rezerwowym formatem JPG, zapewniając przewagę rozmiarową w przypadku nowych przeglądarek i bezpieczeństwo w pozostałych. Na koniec będziesz wiedział, którego używać do zdjęć, dostarczania do Internetu, przesyłania i archiwizowania.

Co to jest JPG

JPG wywodzi się z Joint Photographic Experts Group – komisji, która zdefiniowała go w 1992 roku i została stworzona w jednym celu: zmniejszaniu rozmiaru fotografii. Wykorzystuje kompresję stratną, dzieląc obraz na Bloki o wymiarach 8 na 8 pikseli i odrzucenie drobnych szczegółów, które ludzki wzrok ledwo rejestruje. Pokrętło jakości od 0 do 100 kontroluje, jak agresywne jest to odrzucanie. Po ponad trzech dekadach obsługa JPG jest uniwersalna: każdy system operacyjny, przeglądarka, aparat, drukarka i aplikacja do zdjęć odczytuje ją bez konfiguracji. Zasięg ten jest jego siłą definiującą.

JPG ma jednak prawdziwe ograniczenia. Nie ma przezroczystości, więc każdy przezroczysty obszar jest spłaszczony do jednolitego koloru. Po każdym ponownym zapisie ulega niewielkiej degradacji, co nazywa się utratą generacji. Przy niższej jakości rozmazuje ostry tekst i ostre krawędzie, ponieważ są to szczegóły o wysokiej częstotliwości, które kompresja wyrzuca w pierwszej kolejności. W przypadku szeroko udostępnianych zdjęć żadne z nich nie ma większego znaczenia, dlatego format JPG przetrwał.

Czym jest WebP

WebP to format obrazu wydany przez firmę Google w 2010 roku, oparty na kompresji z kodeka wideo VP8. Cel był tępy: zmniejszyć obrazy internetowe, aby strony ładowały się szybciej. Google zaprojektował go tak, aby zastąpić trzy formaty jednocześnie, dopasowując się Kompresja fotograficzna JPG, przezroczystość PNG i animacja GIF w jednym pojemniku. Oferuje zarówno tryb stratny dla zdjęć, jak i tryb bezstratny, który jest dokładnie równy PNG.

Tam, gdzie WebP podąża za JPG, jest wiek. Jest czternaście lat nowszy, więc kilka starszych programów, niektórzy klienci poczty e-mail i niektóre formularze przesyłania nadal go nie czytają. W otwartej sieci ta luka została zamknięta, ponieważ każda obecna przeglądarka obsługuje WebP. Jednak w przypadku pliku opuszczającego Twoją kontrolę młodszy format niesie ze sobą niewielkie ryzyko, którego nie ma w przypadku weteranów.

Rozmiar pliku przy dopasowanej jakości

Rozmiar pliku to miejsce, w którym WebP wygrywa na papierze. Przy tej samej jakości percepcyjnej, tryb stratny WebP utrzymuje zdjęcie mniej więcej o jedną trzecią mniej miejsca niż JPG, ponieważ wykorzystuje nowsze przewidywanie i kodowanie entropijne. Różnica zwiększa się w przypadku obrazów o płaskich obszarach i czystych krawędziach oraz zmniejsza się w przypadku zdjęć ziarnistych i szczegółowych, gdzie oba formaty mają trudności ze znalezieniem redundancji. Badanie Google obejmujące 1000 obrazów wykazało, że średnia oszczędność wynosi od 25 do 34 procent.

Na stronie internetowej zawierającej wiele obrazów jedna trzecia każdego zdjęcia jest prawdziwa. Strona zawierająca 3 MB plików JPG spada do około 2 MB w przypadku WebP, co odpowiada czasowi ładowania w sekundach przy wolnym połączeniu mobilnym. Pomnóż to na każdej stronie w witrynie, a oszczędność przepustowości będzie znaczna, zarówno dla odwiedzających, jak i kosztów hostingu.

Gdzie jakość jest inna

Jakość różni się najbardziej tym, jak każdy format zawodzi pod presją. JPG włamuje się do jego 8 na 8 bloków i przy mocnym naciśnięciu rozprasza słabe artefakty dzwonienia wokół twardych krawędzi. WebP zamiast blokować, ma tendencję do rozmazywania drobnych szczegółów w miękki, lekko rozmyty efekt. Żaden z nich nie jest obiektywnie lepszy. Blokowanie bardziej rozprasza niektóre oczy; miękkość przeszkadza innym.

Przy ustawieniach wysokiej jakości różnica znika. Obydwa formaty wyglądają identycznie jak oryginał w jakości 90, więc wybór zależy wyłącznie od rozmiaru i funkcji. Rozróżnienie pojawia się tylko w przypadku dużej kompresji, gdzie celowo zamienia się jakość na rozmiar, a nawet wtedy na większości zdjęć jest subtelne.

Czego WebP dodaje, że brakuje JPG

WebP robi trzy rzeczy, których JPG nie może, a każda z nich ma znaczenie w innej pracy:

Przejrzystość: WebP zachowuje pełny kanał alfa, więc wycięte logo lub zdjęcie produktu pozostaje przezroczyste, a JPG wypełnia tło jednolitym kolorem.
Animacja: WebP obsługuje animowane klipy, zastępując GIF plikami o ułamku rozmiaru i milionami kolorów zamiast 256.
Tryb bezstratny: WebP może dokładnie dopasowywać PNG, piksel po pikselu, a jednocześnie waży mniej, więc może również zastępować PNG.

JPG nie oferuje żadnego z nich. Jest to format zdjęć przeznaczony do jednego celu, który jest prosty, ale wąski.

Obsługa przeglądarek i oprogramowania

Wsparcie to pozostała przewaga JPG, która jednak się zawęża. JPG otwiera się w każdą przeglądarkę, klienta poczty e-mail, drukarkę i starsze programy kiedykolwiek stworzony. WebP jest teraz czytany przez przeglądarki Chrome, Firefox, Safari i Edge, więc w otwartej sieci kwestia kompatybilności jest w zasadzie rozstrzygnięta. Luki występują gdzie indziej: niektóre starsze oprogramowanie komputerowe, kilka klientów poczty e-mail i wiele formularzy przesyłania nadal akceptuje tylko pliki JPG lub PNG.

Dlatego te dwa elementy współistnieją, a nie jedno zastępuje drugie. Na stronie internetowej, którą kontrolujesz, WebP jest bezpieczny. W przypadku pliku, który wysyłasz pocztą elektroniczną, drukujesz lub przesyłasz do nieznanego systemu, JPG pozwala uniknąć wszelkich pytań dotyczących zgodności w jednym kroku.

Wpływ na szybkość witryny

Wybór formatu wpływa na szybkość, a prędkość wpływa na ranking. Obrazy są zazwyczaj najcięższą częścią strony internetowej i ciężar strony wpływa bezpośrednio na nie Największa treściwa farba, jeden z podstawowych wskaźników internetowych Google i potwierdzony sygnał rankingowy. Obcięcie każdego zdjęcia o jedną trzecią wymiernie poprawia czas ładowania, wynik LCP i współczynnik odrzuceń. Szybsze strony są również lepiej konwertowane, więc praca opłaca się podwójnie.

Praktyczny wzorzec stosowany przez większość witryn jest progresywny: udostępniaj WebP przeglądarkom, które go akceptują, a resztę wracaj do JPG. Element obrazu HTML i większość systemów zarządzania treścią obsługuje to automatycznie, więc współcześni odwiedzający otrzymują mały plik, a starsi nadal widzą obraz.

Kiedy JPG jest nadal bezpieczniejszym wyborem

JPG wygrywa, gdy zasięg jest ważniejszy niż rozmiar. W przypadku zdjęcia, które dołączasz do wiadomości e-mail, przekazujesz do drukarni lub przesyłasz do portalu zawierającego tylko pliki JPG i PNG, format dla weteranów pozwala uniknąć ryzyka, że odbiorca nie będzie mógł otworzyć pliku WebP. Jest to także bezpieczne ustawienie domyślne dla pliku, którym nie będziesz zarządzał samodzielnie, ponieważ nie możesz zagwarantować, że oprogramowanie będzie działać po drugiej stronie.

W przypadku archiwizacji oba rozwiązania się sprawdzają, chociaż wielu fotografów przechowuje wzorce w formatach bezstratnych i eksportuje kopie JPG lub WebP w celu udostępnienia. Zasada jest prosta: WebP dla własnej strony internetowej, JPG dla wszystkiego, co trafi w nieznane ręce.

Jak dokonać konwersji między nimi

Konwersja w dowolnym kierunku nie wymaga instalacji. Konwerter przeglądarki ponownie koduje plik na Twoim urządzeniu, więc podczas przełączania formatów nic nie jest przesyłane. Nasz Konwerter PNG na JPG i Konwerter PNG na WebP oba działają poprzez API HTML5 Canvas, grupują kilka plików na raz i nie dodają znaku wodnego. Ustaw jakość, przekonwertuj i pobierz. W przypadku witryny internetowej zachowaj oryginał i wygeneruj kopię zapasową WebP i JPG.

Dlaczego fotografowie wciąż sięgają po JPG

Fotografowie korzystają z formatu JPG z powodów wykraczających poza kompatybilność. Każdy aparat nagrywa plik JPG prosto z czujnika, jest to więc natywny format przekazywania zdjęć. Laboratoria fotograficzne, biblioteki giełdowe i systemy dostarczania do klientów oczekują formatu JPG, a oprogramowanie do edycji traktuje go od kilkudziesięciu lat jako punkt odniesienia. Fotograf wysyłający galerię do klienta wybiera JPG, ponieważ klient może go otworzyć w dowolnym miejscuna dowolnym urządzeniu, bez chwili zastanowienia.

WebP wkrada się do tego świata poprzez galerie internetowe i portfolio, gdzie jego mniejszy rozmiar przyspiesza przeglądanie. Jednak w przypadku dostarczania i archiwizacji uniwersalność JPG nadal przewyższa przewagę wielkości WebP. Wyłaniający się wzór jest spójny: WebP dla kopii umieszczonej w Internecie, JPG dla pliku, nad którym fotograf ma kontrolę.

Jak ustawienie jakości zmienia porównanie

Pokrętło jakości zmienia format, który wygląda lepiej. O godz jakość 90 i wyższa, JPG i WebP są wizualnie identyczne, więc jedyną różnicą jest rozmiar pliku, w którym wygrywa WebP. Spadek do jakości 60 lub niższej i obydwa się różnią: JPG pokazuje blokowe kwadraty i dzwonienie na krawędziach, podczas gdy WebP rozmazuje się i staje się miększy. Żadne z nich nie jest przyjemne, ale zawodzą inaczej.

Dlatego rzetelne porównanie zawsze uwzględnia jakość, a nie rozmiar pliku. Porównanie pliku JPG o jakości 90 z plikiem WebP o jakości 60 niczego nie dowodzi, ponieważ zmieniłeś dwie zmienne. Przy dopasowanej jakości WebP jest niezawodnie mniejszym plikiem z równą lub lepszą obsługą krawędzi, co jest uczciwym odczytaniem obu formatów.

Werdykt

WebP wygrywa pod względem technicznym: mniejsze pliki, przezroczystość, animacja i tryb bezstratny, a wszystko to przy pełnej obsłudze nowoczesnych przeglądarek. JPG wygrywa w jednej rzeczy, która wciąż ma znaczenie, czyli otwieraniu się absolutnie wszędzie i bez wątpienia. Używaj WebP dla swojej witryny i JPG dla wszystkiego, co wysyłasz w nieznane, i obsługuj WebP z zastępczym JPG, jeśli chcesz obu.

Często zadawane pytania

Jakiego ustawienia jakości powinienem użyć dla WebP?

Jakość 80 do 90 do zdjęć, gdzie różnica w stosunku do oryginału jest niewidoczna. Opuść go tylko wtedy, gdy potrzebujesz znacznie mniejszego pilnika i możesz zaakceptować miękkość.

Czy kamery nagrywają w WebP?

Nie. Aparaty nagrywają w formacie JPG lub w formacie RAW, a nie WebP, więc JPG pozostaje natywnym formatem w procesach dostarczania i edycji zdjęć.

Czy WebP jest lepszy niż JPG?

Jeśli chodzi o rozmiar, tak. WebP jest o około 30 procent mniejszy o dopasowanej jakości oraz dodaje przejrzystości i animacji. JPG wygrywa uniwersalną kompatybilnością, dlatego oba pozostają w użyciu.

O ile mniejszy jest WebP niż JPG?

Typowo 25 do 34 procent mniejszy dla tego samego zdjęcia w tej samej jakości, zgodnie z badaniem Google obejmującym 1000 obrazów, z różnicą zależną od treści.

Czy WebP wygląda gorzej niż JPG?

Nie, nie w wysokiej jakości. Obydwa wyglądają identycznie jak oryginał przy rozsądnych ustawieniach. Przy dużej kompresji JPG blokuje się, podczas gdy WebP mięknie.

Czy wszystkie przeglądarki obsługują WebP?

Nowoczesne tak mają. Chrome, Firefox, Safari i Edge czytają WebP. Niektóre starsze programy komputerowe, klienci poczty e-mail i formularze przesyłania nadal akceptują tylko pliki JPG.

Czy WebP utrzymuje przezroczyste tło?

Tak. WebP ma pełny kanał alfa, dzięki czemu przezroczysty obraz pozostaje przezroczysty, w przeciwieństwie do JPG, który spłaszcza przezroczystość do jednolitego koloru.

Co jest lepsze dla strony internetowej, JPG czy WebP?

WebP, dla szybkości. Mniejsze pliki poprawiają największą zawartość treściową, sygnał rankingowy. Udostępniaj WebP z zastępczym formatem JPG, aby starsi klienci nadal widzieli obraz.

Czy mogę wysłać plik WebP pocztą elektroniczną?

Ryzykowny. Niektórzy klienci poczty e-mail nie renderują WebP, więc może wyglądać na uszkodzony. Konwertuj do formatu JPG do wiadomości e-mail, którą wyświetla każdy klient.

Czy konwersja JPG na WebP powoduje utratę jakości?

Nieznacznie, ponieważ oba są stratne. Ponowne kodowanie dodaje jeden przebieg kompresji. Przy jakości 90 strata jest niewidoczna, ale należy unikać powtarzających się podróży pomiędzy formatami.

Czy WebP jest dobry do drukowania?

Nie, użyj JPG lub TIFF. Procesy drukowania oczekują formatów JPG, TIFF lub PDF, a wiele narzędzi do drukowania nie czyta plików WebP, dlatego należy je przekonwertować przed wysłaniem do drukarki.

Czy mogę przekonwertować JPG na WebP lub WebP na JPG?

Tak, w obie strony. Konwerter przeglądarki ponownie koduje w obu przypadkach na swoim urządzeniu, więc pliki nigdy nie będą przesyłane podczas zmiany formatu.

JPG i WebP to stratne formaty zdjęć, ale WebP przechowuje obraz o około 30 procent mniejszy i dodaje przezroczystość, animację i tryb bezstratny, których brakuje JPG. JPG odpowiada z uniwersalną kompatybilnością, otwierając się na każdym urządzeniu i skrzynce odbiorczej bez żadnych pytań. Użyj protokołu WebP w swojej witrynie internetowej, aby przyspieszyć działanie stron i podstawowych wskaźników sieciowych, zachowaj format JPG do wysyłania wiadomości e-mail, drukowania i nieznanych formularzy przesyłania oraz obsługuj WebP z zastępczym formatem JPG, aby uzyskać oba. Konwertuj w dowolny sposób w przeglądarce, korzystając z naszych powyższych narzędzi, bezpłatnie i prywatnie.

Szybkie odniesienie: JPG lub WebP

Sięgnij po WebP gdy obraz znajduje się w kontrolowanej przez Ciebie witrynie internetowej, gdy zdjęcie wymaga przejrzystości lub gdy liczy się szybkość strony i podstawowe wskaźniki internetowe. Sięgnij po JPG kiedy plik opuszcza Twoją kontrolę: załącznik do wiadomości e-mail, zadanie drukowania, przesłanie zasobów lub formularz przesyłania zawierający wyłącznie pliki JPG i PNG. Jeśli chcesz obu korzyści, obsłuż WebP z rezerwowym formatem JPG, aby nowoczesne przeglądarki otrzymały mały plik, a wszyscy inni nadal widzieli obraz. Ta jedna zasada dotyczy prawie każdej prawdziwej decyzji między nimi.