Konwerter obrazów na WebP

Chcesz przyspieszyć stronę albo sklep internetowy mniejszymi obrazami? Przekonwertuj JPG i PNG do WebP. Konwerter przed konwersją oszacuje, ile zaoszczędzisz względem JPG, i przygotuje też kod HTML z formatem zapasowym dla starszych przeglądarek. Wszystko działa w Twojej przeglądarce, obrazy nigdzie się nie wysyłają.

Jak przekonwertować obraz do WebP

1. Prześlij obrazy. Przeciągnij je do okna lub kliknij „Przeglądaj pliki”. Konwerter obsłuży JPG, PNG, BMP i statyczny GIF, dziesiątki plików naraz.
2. Ustaw jakość. Domyślna jakość 80 pasuje do większości stron. Do portfolio wybierz 85 do 90, do podglądów 70.
3. Przekonwertuj i pobierz. Przycisk „Konwertuj” przetworzy całą partię, gotowy WebP pobierzesz pojedynczo albo jako ZIP.

Kto chce wejść w szczegóły, rozwinie pod podglądem „Szczegóły techniczne” z lupą, szacunkiem oszczędności i kodem HTML.

Dlaczego konwertować obrazy do WebP

WebP to format od Google zaprojektowany dla stron internetowych. Według badania Google (po angielsku) stratne pliki WebP przy tej samej jakości są o 25 do 34% mniejsze niż JPEG, a bezstratne o około 26% mniejsze niż PNG. Mniejsze obrazy oznaczają szybsze wczytywanie strony, lepsze wyniki w Core Web Vitals i mniejsze zużycie danych na telefonie.

W porównaniu z JPG WebP dodatkowo obsługuje przezroczystość, więc zastąpi też PNG z przezroczystym tłem. Dziś obsługują go wszystkie popularne przeglądarki (po angielsku), w tym Safari od wersji 14.

Co potrafi konwerter do WebP dodatkowo

Szacunek oszczędności jeszcze przed konwersją

W szczegółach technicznych znajdziesz „Szacunek na próbce”: konwerter zakoduje pomniejszoną próbkę wybranego obrazu i policzy, jak duży będzie WebP przy wybranych ustawieniach, jak duży byłby JPEG przy tej samej jakości i ile procent zaoszczędzisz. Od razu widać, czy konwersja się opłaca.

Kod HTML z formatem zapasowym

Konwerter przygotuje gotowy kod dla elementu <picture>: przeglądarki z obsługą WebP wczytają nowy plik, pozostałe dostaną oryginalny JPG albo PNG. Kod zawiera też wymiary obrazu i leniwe wczytywanie, wystarczy skopiować go do szablonu. Jak działa <picture>, opisuje MDN (po angielsku).

Lupa w powiększeniu 100%

Kliknięciem w podglądzie przesuniesz lupę w dowolne miejsce i porównasz oryginał z wynikiem piksel po pikselu. Artefakty kompresji stratnej najpierw pokażą się na tekście, krawędziach i delikatnych przejściach, tam warto zajrzeć.

Przezroczystość zostaje zachowana

PNG z przezroczystym tłem przekonwertujesz do WebP bez utraty kanału alfa. Jeśli docelowa aplikacja nie obsługuje przezroczystości, włącz „Spłaszcz przezroczystość do koloru”.

Ochrona przed złym wynikiem

Animowany GIF konwerter odrzuci, bo po cichu zostałaby z niego tylko pierwsza klatka. Gdy przekonwertowany plik wyjdzie większy niż oryginał, co zdarza się przy już dobrze skompresowanych obrazach, tabela to oznaczy, a jednym kliknięciem zachowasz oryginał.

Zmniejszenie, zmiana nazwy, bez metadanych

W „Opcjach zaawansowanych” obrazy zmniejszysz do dłuższego boku w pikselach albo do procent i hurtowo zmienisz im nazwy za pomocą {name}, {width}, {height} i {index}. Konwersja usuwa EXIF, ICC i GPS, więc zdjęcia nie zdradzą lokalizacji. Jeśli potrzebujesz zmniejszyć obrazy do dokładnych wymiarów albo pod limit w kB, użyj zmniejszania obrazów.

Jaką jakość WebP wybrać

Cel	Jakość	Uwaga
Portfolio, zdjęcia produktowe	85 do 90	Szczegóły bez straty, wciąż mniejsze niż JPG
Zwykła strona i blog	75 do 80	Najlepszy stosunek jakości do rozmiaru
Podglądy, galerie	65 do 70	Małe pliki, drobne artefakty

Kiedy WebP, a kiedy inny format

• Zdjęcia i grafika na stronę: WebP, z formatem zapasowym w <picture> dla pewności.
• Obrazy do e-maila, urzędów albo starszych programów: raczej JPG, otworzy go naprawdę wszystko.
• Materiały do dalszej edycji i druku: PNG, bez żadnej straty.

Wymiary obrazów na stronie przed konwersją szybko sprawdzisz w analizie wymiarów obrazów.

Najczęściej zadawane pytania

Jak przekonwertować JPG na WebP?

Prześlij pliki JPG, zostaw jakość 80 albo ją zmień, i kliknij „Konwertuj”. WebP przy tej samej jakości wizualnej bywa o ćwierć do jednej trzeciej mniejszy. Ile zaoszczędzisz przy konkretnym zdjęciu, pokaże szacunek w szczegółach technicznych.

Jak przekonwertować PNG na WebP i zachować przezroczystość?

Wystarczy przesłać PNG i przekonwertować, przezroczystość zostanie zachowana automatycznie. Jeśli jej z kolei nie chcesz, włącz „Spłaszcz przezroczystość do koloru”.

Czy WebP obsługują wszystkie przeglądarki?

Tak, wszystkie obecne przeglądarki, w tym Safari od wersji 14. Dla pewności na starszych urządzeniach użyj kodu HTML z elementem <picture>, który przygotuje konwerter: starsza przeglądarka wczyta wtedy oryginalny JPG albo PNG.

Czy WebP jest lepszy niż JPG?

Dla stron internetowych tak: przy tej samej jakości jest mniejszy i obsługuje przezroczystość. JPG wciąż jednak otworzy więcej programów, drukarek i urzędów. Na stronę używaj więc WebP, do udostępniania i druku JPG.

Dlaczego konwerter odrzucił mój GIF?

Animowany GIF przy konwersji po cichu zmieniłby się w jedną statyczną klatkę. Aby wynik Cię nie zaskoczył, konwerter go odrzuca. Statyczne GIF-y konwertuje bez problemu.

Czy moje obrazy są wysyłane na serwer?

Nie. Konwersja działa bezpośrednio w Twojej przeglądarce, a pliki nigdzie się nie wysyłają.