WebP na JPG: kiedy konwertować, kiedy nie i skąd się bierze

Google wydało WebP w 2010 roku jako mniejszy zamiennik JPG w internecie, a przez dekadę był to format niszowy, bo Safari go nie wyświetlało. Zmieniło się to, gdy Apple dodało obsługę WebP w Safari 14 i macOS Big Sur w 2020 roku. Gdy każda ważna przeglądarka potrafiła go pokazać, firmy serwujące obrazy na dużą skalę przeszły na ten format, i zrobiły to po stronie serwera, gdzie nie widać tej decyzji i gdzie nic na stronie nie mówi, na jaki format właśnie patrzysz.

Na przykład CDN obrazów Shopify wysyła WebP każdej przeglądarce, która zgłasza, że go wyświetli, nawet jeśli zdjęcie produktu wgrano jako JPG. Grafika Google pokazuje podglądy jako WebP. WordPress przyjmuje WebP od wersji 5.8 z 2021 roku; plan domyślnej konwersji wgrywanych JPG na WebP porzucono przed premierą wersji 6.1, ale wtyczka Modern Image Formats zespołu WordPress Performance i wiele optymalizatorów obrazów w hostingach robi dokładnie to. Efekt jest wszędzie ten sam: plik był JPG na komputerze właściciela strony, a do Ciebie dotarł jako WebP.

Przeglądarka chętnie w tym uczestniczy. Każde żądanie obrazu wysyłane przez Chrome, Edge i Firefox zawiera nagłówek Accept z listą image/webp (oraz image/avif), a serwer obsługujący negocjację formatu czyta tę listę i wybiera najmniejszy format, jaki możesz wyświetlić. Gdy klikasz prawym przyciskiem i wybierasz Zapisz obraz jako, przeglądarka zapisuje bajty, które już otrzymała. Dlatego nazwa pliku w pasku adresu może kończyć się na .jpg, a na dysku i tak ląduje WebP, czasem nawet z podwójnym rozszerzeniem, np. .jpg.webp.

Przeglądarki przestały być problemem lata temu. Kłopot tkwi w całej reszcie: programach zainstalowanych przed 2022 rokiem, formularzach z listą dozwolonych formatów napisaną raz i nigdy niezmienianą, systemach zakładów fotograficznych opartych na JPG i TIFF oraz klientach poczty, które renderują obrazy we własnym dekoderze. Żaden z nich nie zawodzi w pomocny sposób. Portal drukarni po prostu odrzuca plik, formularz urzędowy mówi, że format jest nieprawidłowy, a starszy Photoshop pokazuje ogólny komunikat „nie można zrealizować żądania”, w którym WebP nie pada ani razu.

Adobe dodało natywne otwieranie i zapisywanie WebP w Photoshopie w wersji 23.2, wydanej w lutym 2022 roku; starsze wersje wymagają wtyczki zewnętrznej. Lightroom Classic przez lata nie importował WebP, więc biblioteka w starszej wersji po cichu pominie takie pliki podczas importu. W Windowsie dawny Podgląd zdjęć systemu Windows w ogóle nie otwiera WebP, a aplikacja Zdjęcia w Windows 10 zależy od pakietu Microsoft WebP Image Extensions ze Sklepu. Formularze są najbardziej restrykcyjne: wgrywanie zdjęcia wizowego DS-160 w Departamencie Stanu USA przyjmuje tylko JPEG, a wiele formularzy rekrutacyjnych uczelni i portali pracy wymienia JPG, PNG i PDF, i nic więcej.

WebP jest nietypowy, bo jeden format obsługuje dwa zadania: kompresję stratną dla fotografii oraz bezstratną z kanałem alfa dla grafik. Przy konwersji trzeba wybrać, które z tych zadań pełnił plik, bo JPG i PNG dobrze radzą sobie tylko z jednym z nich. Pytanie nie brzmi, który format jest ogólnie lepszy (to porównanie znajdziesz w artykule JPG, JPEG i PNG – różnice), lecz co zawiera ten konkretny obraz i dokąd trafi dalej.

Zdjęcie produktu, tapeta, zdjęcie przepisu czy fotka z wakacji pasuje do JPG; będzie ułamkiem rozmiaru PNG i wyglądać tak samo. Logo, ikona, naklejka, wycięty produkt na przezroczystym tle czy zrzut ekranu pełen tekstu pasuje do PNG, bo JPG wypełniłby przezroczyste obszary jednolitym kolorem albo rozmazał ostre krawędzie liter. Gdy nie wiesz, otwórz plik w karcie przeglądarki z ciemnym motywem: jeśli wokół obiektu widać szachownicę lub ciemne tło strony, obraz ma przezroczystość i potrzebuje PNG.

Konwersja stratnego WebP na JPG dekoduje piksele i koduje je ponownie inną metodą, więc wynik nie jest identyczny bit po bicie. W praktyce przy jakości JPG 85–90 różnica jest znacznie poniżej tego, co widać w normalnym rozmiarze, nawet na ekranie o wysokiej rozdzielczości. Widoczna utrata jakości w pobranym WebP nastąpiła wcześniej, gdy strona go skompresowała, a konwersja nie przywróci tych szczegółów; tylko nie dodaje wiele więcej strat. Druga czy trzecia konwersja by się kumulowały, więc konwertuj raz, z zapisanego WebP, zamiast przechodzić przez kolejne formaty.

Zmieniają się trzy rzeczy, które możesz zauważyć. Plik rośnie, zwykle o jedną trzecią lub więcej, bo JPG jest mniej wydajny; jeśli formularz ma limit KB, najpierw skonwertuj, a potem zmniejsz do 100 KB albo do innego limitu. Przezroczystość zostaje spłaszczona: w konwerterze WebP na JPG ustawienie Obszary przezroczyste domyślnie wypełnia te piksele kolorem Białe, albo Czarny lub Własny kolor. Animacja przepada, bo JPG zawiera jedną klatkę i zachowana zostaje tylko pierwsza.

Równie ważne jest to, co się nie zmienia: wymiary w pikselach, orientacja i kolory pozostają takie same, a wbudowany profil kolorów jest zachowany, dopóki włączona jest opcja Zachowaj profil kolorów. Jeśli konwertujesz do druku, podnieś Jakość do 90 lub więcej; dodatkowe bajty nic nie kosztują w zakładzie fotograficznym i rozwiewają wątpliwości co do gładkich gradientów nieba i skóry. Przy wgrywaniu z ostrym limitem KB wartość 80 zwykle nadal jest czysta na zdjęciu i zostawia więcej miejsca pod limitem niż 90. Poniżej około 70 wokół tekstu i cienkich linii zaczynają pojawiać się blokowe krawędzie.

Przed konwersją warto sprawdzić, czy strona udostępni oryginalny plik, bo to całkiem pomija jedną generację kompresji. To, czy się uda, zależy od tego, jak strona tworzy WebP. Gdy WebP powstaje w CDN w locie, JPG nadal istnieje na serwerze i odpowiednie żądanie może go pobrać. Gdy strona zapisała tylko WebP, jak robią to niektóre konfiguracje WordPressa po konwersji wgranych plików, nie ma już JPG do pobrania i jedyną drogą jest konwersja.

Poniższe sposoby są ułożone od najbardziej do najmniej niezawodnych. Żaden nie wymaga niczego niezwykłego: to zwykłe działania przeglądarki i linki do pobrania, które strona już oferuje. Najczęściej polecany w sieci sposób, czyli dopisanie ?format=jpg na końcu adresu obrazu, jest też najmniej niezawodny. Działa tylko wtedy, gdy CDN obrazów akurat czyta parametr o dokładnie takiej nazwie, a większość tego nie robi, więc dostajesz ten sam WebP, bez błędu informującego, że sztuczka zawiodła.

Jeśli zapisałeś katalog produktów, zestaw obrazów referencyjnych lub folder tapet, konwertowanie po jednym pliku szybko się nudzi. Konwerter przyjmuje do 20 plików na partię, każdy do 95 MB, stosuje do wszystkich te same ustawienia Jakość i Obszary przezroczyste i zwraca jeden plik ZIP. Pliki są usuwane z serwera 30 minut po przetworzeniu, a nic nie trzeba instalować. Folder ze 100 obrazami to pięć partii.

Posortuj folder przed startem. Fotografie daj do jednej partii na JPG, a logo, ikony i wszystko z przezroczystym tłem do drugiej, na WebP do PNG, żeby nic nie dostało białego prostokąta wokół siebie. Na Macu polecenie Eksportuj w Podglądzie konwertuje pojedyncze pliki, a użytkownicy wiersza poleceń mogą dla bardzo dużych folderów użyć mogrify -format jpg *.webp z ImageMagick. Oba dają ten sam wynik co konwerter w przeglądarce; różnica to tylko ilość potrzebnej konfiguracji.

W Chrome, Edge ani Firefoksie nie ma ustawienia „zapisuj obrazy jako JPG” i to nie przeoczenie. Przeglądarka nie wybiera formatu; zgłasza, jakie formaty potrafi wyświetlić, a wybiera strona. Chrome zapisuje dokładnie to, co dostał, bez ponownego kodowania, i to słuszne zachowanie: ciche konwertowanie przy zapisie dodałoby stratny krok, o który nie prosisz. Zmiana przeglądarki też rzadko pomaga. Każda aktualna przeglądarka wymienia WebP w nagłówku Accept i wszystkie dostają ten sam WebP z tej samej strony.

Zostają trzy praktyczne opcje. Możesz zdobyć oryginał przez stronę, według kroków powyżej. Możesz zainstalować rozszerzenie przeglądarki, które koduje obraz ponownie przy zapisie, czyli ta sama konwersja pod innym przyciskiem. Albo zapisać WebP i konwertować go wtedy, i tylko wtedy, gdy coś go odrzuci. Trzecia jest zwykle najmniej pracochłonna, bo duża część zapisanych obrazów jest oglądana tylko na ekranach, gdzie WebP otwiera się w każdej przeglądarce, w Podglądzie w macOS Big Sur i nowszych oraz w aplikacji Zdjęcia w Windows 11.

Jeśli ciekawi Cię, jak WebP wypada na tle innych nowoczesnych formatów serwowanych dziś przez strony, w tym AVIF, który zaczyna wypierać WebP w tych samych CDN, zobacz AVIF, HEIC i WebP – porównanie. Praktyczne rady z tego artykułu przenoszą się niemal bez zmian: AVIF odrzucany przez program rozwiązuje się tak samo, konwertując go na JPG dla zdjęć lub PNG dla grafik. Więcej o samym formacie znajdziesz na stronie projektu WebP Google.