Konwerter PNG na WebP

Zamień zrzuty ekranu, logo i wycięte zdjęcia produktów w formacie PNG ze swojej strony na pliki WebP, które zachowują przezroczyste krawędzie i ładują się wielokrotnie szybciej. Wybierz kompresję stratną lub bezstratną, przekonwertuj pliki i prześlij je do swojego CMS-a.

lub upuść Pliki JPG, JPEG, JPE … tutaj ·

Maks. 95 MB na plik· Do 20 plików· Usuwane po 30 min

Plik wynikowy

Konwertuj na

Pliki są przetwarzane na naszych serwerach i usuwane po 30 min.

Jak korzystać z narzędzia

1
Dodaj pliki PNG
Przeciągnij do 20 plików PNG na obszar przesyłania lub wybierz je z folderu. Każdy plik może mieć do 95 MB, co wystarcza nawet na bardzo duże wyeksportowane makiety.
2
Wybierz tryb stratny lub bezstratny
Strona zaczyna od ustawienia Jakość 80 w trybie stratnym, który dobrze sprawdza się przy zdjęciach i ilustracjach w internecie. Zaznacz Bezstratna w sekcji Ustawienia zaawansowane dla ikon, pixel artu lub zrzutów interfejsu, które muszą zachować dokładność co do piksela.
3
Konwertuj i podmień pliki
Naciśnij Konwertuj na WebP i pobierz pliki pojedynczo lub jako ZIP.

Odpowiedź

Czy warto konwertować PNG na WebP?

W przypadku obrazów na stronie internetowej prawie zawsze. Ten sam obraz, razem z przezroczystością, zwykle jest znacznie mniejszy, a każda aktualna przeglądarka go wyświetla. PNG zachowaj dla plików, które nadal edytujesz lub wysyłasz osobom otwierającym je w programach desktopowych.

Dlaczego twórcy stron zastępują PNG formatem WebP

PNG jest z założenia bezstratny: został ustandaryzowany przez W3C w 1996 roku jako wolny od patentów zamiennik GIF-a i nigdy nie odrzuca danych pikseli. To idealne dla pliku głównego, ale marnotrawne na stronie internetowej, gdzie ilustracja nagłówkowa 1600 px zapisana jako PNG może ważyć więcej niż wszystkie skrypty na stronie razem wzięte.

Google wprowadził WebP w 2010 roku, aby zlikwidować tę lukę. Oferuje dwa silniki w jednym kontenerze: tryb bezstratny, który według opublikowanego porównania samego Google jest mniejszy od PNG o około 26%, oraz tryb stratny oparty na kodeku wideo VP8, który daje jeszcze mniejsze pliki. Oba tryby obsługują pełny kanał alfa, dzięki czemu logo i wycięte zdjęcia produktów można stosować na kolorowych tłach.

Narzędzia do pomiaru szybkości stron, takie jak PageSpeed Insights, od dawna wskazują zbyt duże pliki PNG i JPEG jako łatwą oszczędność, a przekonwertowany zestaw obrazów jest często najszybszą poprawą wskaźnika Largest Contentful Paint. Jeśli obrazy wymagają też nowych wymiarów, najpierw użyj narzędzia do zmiany rozmiaru zdjęć, a potem skonwertuj.

O ile mniejszy jest WebP w porównaniu z PNG

Oryginał PNG

1,2 MB

1600 × 900 · 24 bity z kanałem alfa, wycięty produkt

zwykle o 80–85% mniej

WebP, jakość 80

190 KB

1600 × 900 · stratny z zachowanym kanałem alfa

PNG

Portable Network Graphics

PNG to bezstratny format rastrowy opublikowany w 1996 roku przez PNG Development Group, a później ustandaryzowany przez W3C i ISO. Zachowuje każdy piksel dokładnie, obsługuje pełną przezroczystość alfa i bez artefaktów radzi sobie z tekstem, ostrymi krawędziami i jednolitymi kolorami. Ta precyzja czyni go idealnym do zrzutów ekranu, logo, ikon i grafik interfejsu. Wadą jest rozmiar: zdjęcia zapisane jako PNG są często kilkukrotnie większe niż to samo zdjęcie w JPEG lub WebP. PNG otwierają wszystkie przeglądarki, systemy operacyjne i edytory.

Kompresja: Bezstratna
Przezroczystość: Tak
Animacja: Nie
Rok powstania: 1996 · PNG Development Group

Konwerter PNG

WEBP

Obraz WebP

WebP to format obrazu wydany przez Google w 2010 roku, aby strony internetowe wczytywały się szybciej. Obsługuje w jednym formacie kompresję stratną i bezstratną, przezroczystość alfa oraz animację. Stratne pliki WebP są zwykle o 25–35% mniejsze niż JPEG o podobnej jakości wizualnej, a bezstratny WebP jest zwykle mniejszy niż PNG. Obsługują go wszystkie aktualne przeglądarki, ale część starszego oprogramowania desktopowego, usług drukarskich i formularzy przesyłania plików nadal go odrzuca. Windows, macOS i większość nowoczesnych edytorów grafiki otwiera pliki WebP.

Kompresja: Stratna lub bezstratna
Przezroczystość: Tak
Animacja: Tak
Rok powstania: 2010 · Google

Konwerter WEBP

Właściciele stron konwertują PNG na WebP, aby zmniejszyć wagę strony i zachować przezroczystość; przejście z WebP z powrotem na PNG służy do edycji lub otwarcia pliku w programie, który nie czyta WebP.

Powyższe wartości to typowy wynik dla wyciętego zdjęcia, a nie obietnica. Płaska grafika zmniejsza się mniej w trybie stratnym, a czasem bardziej w bezstratnym. Zrzuty ekranu pełne tekstu to jedyny przypadek, w którym stratny WebP może rozmyć krawędzie liter; zaznacz dla nich Bezstratna i nadal zaoszczędzisz miejsce bez żadnej zmiany pikseli.

Wymiary, kolory i przezroczystość są zachowane bez zmian, a Usuń metadane (domyślnie włączone) pomija historię edycji, której przeglądarka nigdy nie potrzebuje.

Zanim prześlesz pliki WebP na swoją stronę

Zachowaj oryginalne pliki PNG w osobnym folderze; WebP to kopia do publikacji, a nie plik główny do edycji.
Sprawdź, czy Twój CMS przyjmuje pliki .webp (WordPress robi to od wersji 5.8).
Obejrzyj jeden przezroczysty obraz na białym i ciemnym tle, aby upewnić się, że krawędzie są czyste.
Zmień odwołania do obrazów w HTML lub CSS z .png na .webp albo pozwól CMS-owi wygenerować miniatury od nowa.
Porównaj wagę strony przed zmianą i po niej w panelu sieci przeglądarki, aby wiedzieć, ile zaoszczędzono.

Pytania o konwersję PNG na WebP

Czy WebP zachowuje przezroczyste tło z mojego PNG?

Tak. WebP zapisuje kanał alfa zarówno w trybie stratnym, jak i bezstratnym, więc wycięte zdjęcia produktów i logo pozostają przezroczyste. W trybie stratnym piksele na krawędziach są nieco kompresowane; jeśli widzisz delikatną poświatę wokół cienkich włosów lub tekstu, uruchom konwersję ponownie z zaznaczoną opcją Bezstratna. Potrzebujesz później drogi powrotnej? WebP na PNG przywróci edytowalny plik PNG.

Stratny czy bezstratny WebP — co wybrać dla PNG?

Bezstratnie, gdy PNG to płaski interfejs, diagram, logo lub pixel art, bo każdy piksel pozostaje dokładnie taki sam, a plik zwykle i tak się zmniejsza. Stratnie z jakością od 75 do 85, gdy PNG jest w rzeczywistości fotografią lub miękką ilustracją, bo tam są największe oszczędności.

Które przeglądarki wyświetlają obrazy WebP?

Chrome, Edge, Firefox i Opera wyświetlają WebP od lat, a Safari dołączył w wersji 14 w 2020 roku (na macOS Big Sur lub nowszym oraz iOS 14). W praktyce obsługuje go każda aktywnie używana dziś przeglądarka, więc zwykły znacznik img wskazujący na plik .webp wystarcza na większości stron.

Czy WordPress przyjmuje pliki WebP?

WordPress 5.8, wydany w lipcu 2021 roku, dodał WebP do dozwolonych typów przesyłanych plików w bibliotece mediów. Starsze instalacje odrzucają ten plik, chyba że wtyczka doda typ MIME, więc sprawdź swoją wersję, zanim skonwertujesz cały folder.

Dlaczego mój plik WebP jest większy niż oryginalny PNG?

Zdarza się to przy bardzo małych plikach PNG z indeksowaną paletą kilku kolorów, na przykład 8-kolorowej ikonie, bo PNG jest tam już bardzo wydajny. Spróbuj Bezstratna dla takich plików, a jeśli wynik nadal jest większy, zostaw PNG; oszczędności dają większe, bardziej kolorowe obrazy.

Czy mogę przekonwertować cały folder PNG na WebP naraz?

W jednym przebiegu przetwarzanych jest do 20 plików, każdy do 95 MB, a wyniki wracają razem w pliku ZIP. Przy większym folderze powtarzaj partiami po 20; nie ma dziennego limitu, a przesłane pliki są automatycznie usuwane po 30 minutach.