Zmierzona różnica
Google, które opracowało ten format, publikuje liczby: bezstratne obrazy WebP są o 26% mniejsze od plików PNG, a stratne obrazy WebP są o 25 do 34% mniejsze od porównywalnych plików JPEG przy tej samej jakości. To średnie z zestawu testowego, a nie obietnica dotycząca Twojego konkretnego pliku, ale poprawnie ustawiają oczekiwania.
Zestawienie
| Właściwość | PNG | WebP |
|---|---|---|
| Tryby kompresji | Tylko bezstratna | Bezstratna i stratna |
| Typowy rozmiar pliku bezstratnego | Punkt odniesienia | Około 26% mniejszy |
| Przezroczystość | Tak | Tak, w obu trybach |
| Koszt przezroczystości | Dołączono | Około 22% dodatkowych bajtów w trybie bezstratnym |
| Animacja | APNG, nierówna obsługa | Tak, szeroko obsługiwana |
| Otwiera się w aktualnych przeglądarkach | Wszędzie | Wszędzie |
| Otwiera się w starym oprogramowaniu | Wszędzie | Czasem nie |
Dane o rozmiarze i przezroczystości pochodzą z dokumentacji WebP od Google, która podaje też, że stratny WebP z przezroczystością jest zwykle trzy razy mniejszy niż odpowiadający mu PNG.
Gdzie wygrywa WebP
- Obrazy na stronie, którą prowadzisz Każda aktualna przeglądarka wyświetla WebP. Zmniejszenie wagi obrazów o jedną czwartą to realny zysk na szybkości przy połączeniach mobilnych.
- Grafiki z przezroczystością i treścią fotograficzną Logo na fotograficznym tle to miejsce, gdzie stratny WebP z kanałem alfa najbardziej wyprzedza PNG.
- Duże zrzuty ekranu i zrzuty interfejsu Jednolite kolory i ostry tekst dobrze kompresują się w bezstratnym WebP, więc zachowujesz dokładne piksele i zmniejszasz rozmiar pliku.
- Wszędzie tam, gdzie ogranicza Cię przepustowość Newslettery e-mailowe, strony z dokumentacją i katalogi pełne obrazów.
Gdzie PNG wciąż jest właściwy
Zachowaj PNG jako kopię wzorcową. Konwertuj kopię do wysyłki. Ta jedna zasada obejmuje większość przypadków poniżej.
- Pliki, które będziesz jeszcze edytować Wielokrotne zapisywanie w formacie stratnym za każdym razem odrobinę pogarsza obraz. Bezstratny wzorzec całkowicie eliminuje ten problem.
- Procesy druku i projektowania Wiele programów do składu i przygotowalni do druku wciąż oczekuje plików PNG lub TIFF. Przekazanie drukarni pliku WebP to proszenie się o e-maila, którego wolałbyś nie dostać.
- Wszystko, co musi otworzyć stary system Stare narzędzia wewnętrzne, starsze przeglądarki dokumentów i część formularzy przesyłania wprost odrzuca WebP.
- Pliki, które wysyłasz innym osobom Współpracownik na starszym komputerze może nie być w stanie otworzyć go podwójnym kliknięciem. To główny powód, dla którego używa się konwertera WebP na PNG.
Bezstratny czy stratny WebP
WebP to dwa formaty kryjące się pod jednym rozszerzeniem pliku. Tryb bezstratny dokładnie zachowuje każdy piksel. Tryb stratny odrzuca szczegóły, których zdaniem enkodera nie zauważysz, a plik staje się znacznie mniejszy.
Wybierz tryb bezstratny dla logo, diagramów, zrzutów ekranu i wszystkiego z ostrymi krawędziami lub tekstem. Wybierz stratny dla zdjęć i teł, w które nikt nie będzie się wpatrywał z bliska. Wokół tekstu przy ustawieniu stratnym pojawiają się miękkie poświaty, co jest artefaktem zauważanym w pierwszej kolejności.
Konwerter Vaultaire oferuje oba tryby. W trybie bezstratnym odczytuje nowy plik z powrotem i blokuje pobieranie, dopóki plik wyjściowy nie okaże się naprawdę bezstratnym obrazem VP8L, którego piksele się zgadzają. Wartości alfa muszą zgadzać się dokładnie, z tolerancją najwyżej 2 na każdy 8-bitowy kanał z premultiplikacją przy kolorze częściowo przezroczystym, bo natywne kodery przeglądarek zaokrąglają te wartości.
Co konwersja robi z metadanymi
Konwersja to także sposób na usunięcie danych dołączonych do pliku. Konwerter nie kopiuje źródłowych rekordów EXIF, ICC, tekstowych, czasu ani C2PA do nowego pliku WebP, a następnie skanuje gotowy plik niezależnym parserem i blokuje pobieranie, jeśli wykryje jakikolwiek rekord.
Ma to znaczenie, gdy plik PNG pochodzi ze zrzutu ekranu telefonu, eksportu z aparatu lub generatora obrazów. Jeśli przed podjęciem decyzji chcesz zobaczyć, co jest dołączone do pliku, inspektor metadanych to wyświetli. Wszystko działa w workerze przeglądarki, a plik nigdy nie jest przesyłany na serwer.
Praktyczne limity konwertera: jeden statyczny obraz PNG, do 20 MB, 4,096 pikseli na bok i 16,000,000 pikseli łącznie. Animowany plik PNG jest odrzucany przed dekodowaniem, a nie po cichu eksportowany jako pierwsza klatka.
PNG i WebP: najczęstsze pytania
Czy WebP jest lepszy od PNG?
W przypadku obrazów wyświetlanych w internecie zwykle tak. Według pomiarów Google bezstratny WebP jest o 26% mniejszy od PNG. PNG pozostaje lepszym wyborem, gdy narzędzie, drukarnia lub współpracownik potrzebuje formatu obsługiwanego przez wszystko od dziesięcioleci.
Czy WebP obsługuje przezroczystość?
Tak, w obu trybach. Google szacuje kanał alfa w bezstratnym WebP na około 22% dodatkowych bajtów i podaje, że stratny WebP z przezroczystością jest zwykle trzy razy mniejszy niż odpowiadający mu PNG.
Czy konwersja PNG na WebP obniża jakość?
Nie w trybie bezstratnym, który zachowuje każdy piksel. Tryb stratny celowo zmienia piksele. Konwerter odczytuje gotowy plik z powrotem i blokuje pobieranie, dopóki konwersja bezstratna nie wytworzy prawdziwego bezstratnego obrazu VP8L.
Kiedy zachować PNG?
Dla wzorców, które będziesz jeszcze edytować, dla oprogramowania do druku i projektowania, które go oczekuje, dla wszystkiego, co musi otworzyć starszy system, i dla archiwizowanych zrzutów ekranu. Konwertuj kopię do wysyłki, zamiast zastępować oryginał.
Czy WebP szkodzi SEO?
Nie. Mniejsze obrazy ładują się szybciej, a szybkość strony wpływa na pozycję w wynikach wyszukiwania. Serwuj format, który akceptuje przeglądarka odwiedzającego, i pozostaw tekst alternatywny oraz nazewnictwo plików bez zmian.
Czy mogę później przekonwertować z powrotem na PNG?
Tak, a kodowanie PNG jest bezstratne dla wyrenderowanych pikseli. Nie cofnie to wcześniejszej kompresji stratnej, więc stratny plik WebP przekonwertowany z powrotem na PNG będzie dużym plikiem zawierającym już zdegradowane piksele.