Zamień pliki PNG na WebP w swojej przeglądarce

PNG to format bezstratny: zachowuje każdy piksel obrazu, zapisuje pełną przezroczystość i otwiera się w każdej przeglądarce[1]. Specyfikację w trzecim wydaniu W3C zatwierdziło 24 czerwca 2025 roku. Opisuje zapis bezstratny metodą deflate, 8 albo 16 bitów na kanał koloru, kanał alfa oraz animację APNG[2].

WebP opisuje dokument RFC 9649 z listopada 2024 roku. Format zapisuje obraz stratnie albo bezstratnie, prowadzi pełny kanał alfa i mieści animację[3]. Obsługują go dzisiejsze wersje Chrome, Edge, Firefoksa, Opery i Safari[4].

Zamiana PNG na WebP daje ten sam obraz z przezroczystością, tylko w znacznie lżejszym pliku. W naszym pomiarze każdy z ośmiu plików wyszedł mniejszy: zdjęcie krajobrazu zeszło z 3,06 MB do 213,0 KB, a nawet ikona z przezroczystością o wymiarach 256 × 256 pikseli waży o 26 procent mniej.

1. Przeciągnij pliki na pole Dodaj pliki albo kliknij je i wybierz pliki z dysku. Konwerter przyjmuje dowolną liczbę plików PNG, każdy do 100 MB.
2. Ustaw suwak Ustaw jakość WebP między 60 a 95 procent; domyślnie stoi na 80. Bieżąca wartość stoi obok nazwy suwaka.
3. Kliknij Konwertuj. Każdy gotowy plik dostaje status Gotowe.
4. Zapisz jeden plik przyciskiem Pobierz albo wszystkie przyciskiem Pobierz wszystkie, który kilka plików pakuje do archiwum ZIP. Zmienia się tylko rozszerzenie, na .webp.

Kolejka pokazuje przy każdym pliku wagę Przed i Po z różnicą w procentach, a pod przyciskami sumy całej partii.

Po przesunięciu suwaka gotowe pliki wracają do stanu Oczekuje, więc kolejne kliknięcie Konwertuj zapisuje je z nową wartością.

Pliki możesz dokładać partiami, bo kolejka zachowuje te dodane wcześniej. Przycisk Usuń usuwa z niej jeden plik, a Wyczyść wszystko czyści ją całą.

Wszystko dzieje się w Twojej przeglądarce: plik PNG czyta element obrazu, a WebP zapisuje przeglądarka albo, kiedy ta nie umie, biblioteka libwebp.

Najwięcej zyskują zdjęcia. Zdjęcie z aparatu w dużej rozdzielczości o wymiarach 4000 × 2667 pikseli zeszło z 11,1 MB do 614,5 KB, czyli 18,5 razy mniej, a zdjęcie krajobrazu 14,7 razy mniej. Powód jest w metodzie zapisu: nasz konwerter zapisuje WebP stratnie, więc odrzuca część informacji o kolorze, której oko nie rozróżnia[3].

Pliki, które PNG już dobrze pakuje, schodzą mniej. Zrzut ekranu z tekstem (1440 × 900) waży 2,2 razy mniej, a ikona z przezroczystością waży o 26 procent mniej. Przy tak małych plikach różnica kilku kilobajtów nie zmienia czasu wczytania strony, więc grafiki interfejsu spokojnie mogą zostać w PNG.

Suwak Ustaw jakość WebP decyduje o wadze mocniej niż cokolwiek innego, a wymiary obrazu zostają bez zmian. Mniejsze wymiary ustawisz w edytorze zdjęć. Gdy plik ma trafić do programu, który WebP nie otwiera, wybierz konwerter PNG na JPG, a drogę powrotną ma konwerter WebP na PNG.

Przezroczystość przechodzi do WebP w całości: i przezroczyste tło, i piksele półprzezroczyste, na przykład miękki cień pod grafiką. Ten sam obraz zapisany jako JPG dostałby w tym miejscu biel, więc przy grafice z przezroczystym tłem WebP jest jedynym z tych dwóch wyborem.

Dane EXIF nie przechodzą do pliku WebP, więc znika z niego data, model urządzenia i współrzędne miejsca. Orientacja zapisana w tych danych jest za to zastosowana. Każdy plik z naszego konwertera ma profil koloru sRGB, a kolor zapisany jest na 8 bitach na kanał[1].

Zapis stratny jest nieodwracalny, więc oryginały PNG warto zachować. Obraz do wklejenia wprost w kod strony przygotuje konwerter obrazu na Base64, a plik dla programu, który WebP nie otwiera, da konwerter PNG na JPG.