Der gemessene Unterschied
Google, das das Format entwickelt hat, veröffentlicht die Zahlen: verlustfreie WebP-Bilder sind 26 % kleiner als PNGs, und verlustbehaftete WebP-Bilder sind bei gleicher Qualität 25 bis 34 % kleiner als vergleichbare JPEGs. Das sind Mittelwerte über einen Testsatz, kein Versprechen für Ihre konkrete Datei, aber sie setzen die Erwartung richtig.
Nebeneinander
| Eigenschaft | PNG | WebP |
|---|---|---|
| Komprimierungsmodi | Nur verlustfrei | Verlustfrei und verlustbehaftet |
| Typische verlustfreie Größe | Ausgangswert | Etwa 26 % kleiner |
| Transparenz | Ja | Ja, in beiden Modi |
| Kosten der Transparenz | Inbegriffen | Etwa 22 % zusätzliche Bytes im verlustfreien Modus |
| Animation | APNG, lückenhafte Unterstützung | Ja, breit unterstützt |
| Öffnet in aktuellen Browsern | Überall | Überall |
| Öffnet in alter Software | Überall | Manchmal nicht |
Die Zahlen zu Größe und Transparenz stammen aus Googles WebP-Dokumentation, die auch angibt, dass verlustbehaftetes WebP mit Transparenz typischerweise dreimal kleiner ist als das entsprechende PNG.
Wo WebP gewinnt
- Bilder auf einer Seite, die Ihnen gehört Jeder aktuelle Browser zeigt WebP an. Ein Viertel weniger Bildgewicht ist auf Mobilverbindungen ein echter Geschwindigkeitsgewinn.
- Transparente Grafiken mit fotografischem Inhalt Ein Logo über einem fotografischen Hintergrund ist der Fall, in dem verlustbehaftetes WebP mit Alpha am weitesten vor PNG liegt.
- Große Screenshots und Oberflächenaufnahmen Flächige Farben und scharfer Text komprimieren gut in verlustfreiem WebP, Sie behalten also genaue Pixel und verlieren den Ballast.
- Überall dort, wo die Bandbreite der Engpass ist E-Mail-Newsletter, Dokumentationsseiten und bildlastige Kataloge.
Wo PNG weiterhin richtig ist
Behalten Sie das PNG als Masterkopie. Wandeln Sie eine Auslieferungskopie um. Diese eine Regel deckt die meisten Fälle unten ab.
- Dateien, die Sie noch einmal bearbeiten Jeder Weg durch ein verlustbehaftetes Format verschlechtert ein Bild ein wenig. Ein verlustfreier Master erspart Ihnen die Frage ganz.
- Druck- und Gestaltungsabläufe Viel Layout- und Druckvorstufensoftware erwartet weiterhin PNG oder TIFF. Wer einer Druckerei ein WebP gibt, holt sich eine E-Mail ein, die er nicht will.
- Alles, was ein altes System öffnet Alte interne Werkzeuge, ältere Dokumentbetrachter und manche Upload-Formulare lehnen WebP rundweg ab.
- Dateien, die Sie an andere schicken Ein Kollege an einem älteren Rechner kann sie vielleicht nicht per Doppelklick öffnen. Genau deshalb wird ein WebP-zu-PNG-Konverter benutzt.
Verlustfreies oder verlustbehaftetes WebP
WebP vereint zwei Formate unter einer Dateiendung. Der verlustfreie Modus behält jeden Pixel exakt bei. Der verlustbehaftete Modus verwirft Details, von denen der Kodierer annimmt, dass Sie sie nicht bemerken, wodurch die Datei viel kleiner wird.
Wählen Sie verlustfrei für Logos, Diagramme, Screenshots und alles mit harten Kanten oder Text. Wählen Sie verlustbehaftet für Fotografien und für Hintergründe, in die niemand hineinzoomt. Text bekommt bei einer verlustbehafteten Einstellung weiche Höfe um die Buchstaben, und das ist das Artefakt, das zuerst auffällt.
Der Vaultaire-Konverter bietet beides. Im verlustfreien Modus liest er die neue Datei zurück und sperrt den Download, solange die Ausgabe nicht wirklich ein verlustfreies VP8L-Bild mit übereinstimmenden Pixeln ist. Alphawerte müssen exakt übereinstimmen, bei teilweise transparenter Farbe mit einer Toleranz von höchstens 2 pro vormultipliziertem 8-Bit-Kanal, weil native Browser-Kodierer diese Werte runden.
Was die Umwandlung mit Metadaten macht
Umwandeln ist auch ein Weg, das loszuwerden, was an der Datei hängt. Der Konverter übernimmt keine EXIF-, ICC-, Text-, Zeit- oder C2PA-Einträge der Quelle in das neue WebP, prüft die fertige Datei anschließend mit einem unabhängigen Parser und lässt den Download gesperrt, wenn ein Eintrag auftaucht.
Das zählt, wenn das PNG aus einem Handy-Screenshot, einem Kamera-Export oder einem Bildgenerator stammt. Wenn Sie vor der Entscheidung sehen wollen, was daran hängt, listet der Metadaten-Prüfer es auf. Alles läuft im Browser-Worker, und die Datei wird nie hochgeladen.
Praktische Grenzen des Konverters: ein unbewegtes PNG, bis 20 MB, 4,096 Pixel je Seite und 16,000,000 Pixel insgesamt. Ein animiertes PNG wird vor dem Dekodieren abgelehnt, statt stillschweigend als sein erstes Einzelbild exportiert zu werden.
Häufige Fragen zu PNG und WebP
Ist WebP besser als PNG?
Für Bilder im Web meistens. Google misst verlustfreies WebP als 26 % kleiner als PNG. PNG ist weiterhin besser, wenn ein Werkzeug, eine Druckerei oder ein Kollege das Format braucht, das seit Jahrzehnten überall unterstützt wird.
Unterstützt WebP Transparenz?
Ja, in beiden Modi. Google beziffert Alpha in verlustfreiem WebP auf etwa 22 % zusätzliche Bytes und sagt, dass verlustbehaftetes WebP mit Transparenz typischerweise dreimal kleiner ist als das entsprechende PNG.
Verliert die Umwandlung von PNG in WebP Qualität?
Im verlustfreien Modus nicht, der jedes Pixel behält. Der verlustbehaftete Modus verändert Pixel absichtlich. Der Konverter liest die fertige Datei zurück und sperrt den Download, wenn eine verlustfreie Umwandlung kein echtes verlustfreies VP8L-Bild erzeugt hat.
Wann sollte ich bei PNG bleiben?
Für Master, die Sie noch einmal bearbeiten, für Druck- und Gestaltungssoftware, die es erwartet, für alles, was ein älteres System öffnen muss, und für archivierte Screenshots. Wandeln Sie eine Auslieferungskopie um, statt das Original zu ersetzen.
Ist WebP schlecht für SEO?
Nein. Kleinere Bilder laden schneller, und die Seitengeschwindigkeit fließt in das Ranking ein. Liefern Sie ein Format aus, das der Browser des Besuchers annimmt, und lassen Sie Alt-Text und Dateibenennung, wie sie waren.
Kann ich später wieder in PNG umwandeln?
Ja, und die PNG-Kodierung der gerenderten Pixel ist verlustfrei. Sie kann einen früheren verlustbehafteten Durchgang nicht rückgängig machen, ein zurück in PNG umgewandeltes verlustbehaftetes WebP ist also eine große Datei mit bereits verschlechterten Pixeln.