Konwertuj PNG na WebP

PNG to format, z którego eksportują projektanci, a WebP to format, który powinny serwować strony. Konwersja zmniejsza rozmiar pliku o dwie trzecie lub więcej, zachowując przezroczystość, a każda aktualna przeglądarka wyświetli wynik. Konwersja działa na Twoim urządzeniu, więc nic nie jest przesyłane.

Jak konwertować PNG na WebP

Upuść jeden lub wiele obrazów PNG do narzędzia poniżej.
Format wyjściowy jest już ustawiony na WebP. Dostosuj jakość, jeśli chcesz.
Kliknij Uruchom, by skonwertować.
Pobierz każdy WebP lub wszystkie jako ZIP.

Dlaczego pliki PNG są tak duże

PNG jest bezstratny. Każdy piksel jest zapisany dokładnie, co czyni go idealnym do logo, zrzutów ekranu i grafiki interfejsu, i jednocześnie sprawia, że zdjęcie w PNG może być 10-20 razy większe niż to samo zdjęcie jako JPG. Narzędzia projektowe eksportują domyślnie do PNG, bo jest bezpieczny, a nie dlatego, że jest wydajny. W efekcie wiele stron serwuje wielomegabajtowe PNG dla obrazów, które mogłyby ważyć kilkaset kilobajtów.

Co WebP robi inaczej

WebP został zaprojektowany przez Google specjalnie do sieci. Ma dwa tryby. Stratny WebP używa predykcji i kodowania transformacyjnego podobnego do kompresji wideo i zwykle daje pliki o 25-35% mniejsze niż JPG tej samej jakości wizualnej, a znacznie mniejsze niż PNG. Bezstratny WebP zapisuje piksele dokładnie jak PNG, ale ze sprytniejszym schematem kompresji, zwykle o 20-30% mniej niż zoptymalizowany PNG. Oba tryby obsługują przezroczystość, co jest głównym powodem popularności konwersji PNG na WebP: to pierwszy szeroko obsługiwany format pozwalający zachować kanał alfa bez płacenia kary rozmiaru PNG.

Wybór ustawienia jakości

Źródłowy PNG zawiera	Sugerowana jakość WebP	Wynik
Logo, ikonę, płaską ilustrację	90-100	Ostre krawędzie zachowane, wciąż o 50%+ mniej niż PNG
Zrzut ekranu z tekstem	85-95	Tekst pozostaje czytelny, zwykle 60-70% mniej
Zdjęcie lub render 3D	75-85	Wizualnie identyczne w normalnym rozmiarze, 80-90% mniej
Wycięty produkt na przezroczystym tle	85-90	Krawędzie pozostają czyste, kanał alfa zachowany

Gdzie używać WebP

Serwuj WebP wszędzie tam, gdzie odbiorcą jest przeglądarka: na stronie, w aplikacji webowej, w szablonach e-mail dla nowoczesnych klientów i w CDN-ach obrazów. WordPress, Shopify, Webflow, Squarespace i Wix przyjmują dziś przesyłane pliki WebP. Jeśli musisz jednocześnie obsłużyć starą przeglądarkę, standardowym podejściem jest element HTML <picture> ze źródłem WebP na pierwszym miejscu i zapasowym PNG lub JPG.

Nie konwertuj na WebP do przekazania do druku, do archiwizacji grafik głównych ani do wysyłki klientowi, który otworzy plik w starszej wersji Photoshopa lub Illustratora. Zachowaj plik główny PNG i traktuj WebP jako format dostarczania.

Konwersja wsadowa

Cały folder wyeksportowanych zasobów PNG można upuścić naraz. Każdy jest konwertowany z tym samym ustawieniem jakości, a wyniki pobierane są jako jeden ZIP z oryginalnymi nazwami plików i rozszerzeniem .webp, więc podmiana ich w projekcie to zwykłe znajdź-i-zamień rozszerzenia.

Najczęściej zadawane pytania

Czy WebP zachowa przezroczyste tło z mojego PNG?

Tak. WebP obsługuje pełny 8-bitowy kanał alfa, więc miękkie krawędzie, cienie i półprzezroczyste obszary są przenoszone dokładnie tak, jak były w PNG.

Użyć bezstratnego czy stratnego WebP?

Do logo, ikon i zrzutów ekranu z ostrym tekstem użyj wysokiego ustawienia jakości, by wynik pozostał wyraźny. Do zdjęć wyeksportowanych jako PNG jakość 80-85 daje ogromną oszczędność bez widocznej straty.

Które przeglądarki i aplikacje otwierają WebP?

Chrome, Edge, Firefox, Safari (od wersji 14) i każda aktualna przeglądarka mobilna wyświetlają WebP. Zdjęcia Windows i Podgląd macOS go otwierają. Niektóre starsze programy i klienty poczty nie, więc zachowaj dla nich PNG lub JPG.

Dlaczego mój WebP bywa większy niż PNG?

Malutkie obrazy z bardzo małą liczbą kolorów, jak ikona 32 px, mogą już być blisko minimalnego rozmiaru jako PNG. WebP błyszczy przy wszystkim większym niż kilkaset pikseli.

Twoje pliki nigdy nie opuszczają urządzenia

Każde narzędzie w Squishly Tools jest w 100% darmowe i działa w całości w przeglądarce. Twoje obrazy i dokumenty są przetwarzane na Twoim komputerze i nigdy nie trafiają na serwer. Bez kont, bez znaków wodnych i bez haczyka.