PNG in WebP

Über diesen Konverter

Dieser kostenlose PNG-zu-WebP-Konverter verwandelt ein PNG in ein modernes WebP und erhält dabei die Transparenz vollständig. Die Ersparnis ist hier meist weit größer als bei JPG — 60–80 % sind üblich, und bei einem fotografischen PNG kann es noch mehr sein.

Alles läuft in Ihrem Browser — Ihr Bild wird niemals auf einen Server hochgeladen.

Warum PNG-Dateien so groß werden

PNG ist verlustfrei. Jedes Pixel wird exakt so gespeichert, wie es war, und nichts wird jemals verworfen. Für manche Bilder ist das der richtige Kompromiss, für andere ein sehr teurer.

PNG komprimiert, indem es Wiederholungen erkennt — Folgen identischer Pixel, wiederkehrende Muster. Das funktioniert wunderbar bei einem Logo mit sechs flächigen Farben, bei einem Screenshot eines Formulars oder bei einem Diagramm mit sauberen Füllungen. So ein Bild lässt sich auf einen winzigen Bruchteil seiner Rohgröße komprimieren.

Schlecht funktioniert es bei Fotografien, denn ein Foto enthält fast keine exakten Wiederholungen. Jedes Pixel eines Himmels unterscheidet sich leicht von seinem Nachbarn, es gibt also nichts zusammenzufassen, und PNG speichert am Ende etwas, das den Rohdaten der Pixel sehr nahekommt. Deshalb ist ein als PNG gespeichertes Foto regelmäßig fünf- bis zehnmal größer als dasselbe Foto als JPG, ohne jeden sichtbaren Vorteil.

Eine riesige Zahl übergroßer PNGs im Web sind schlicht Fotografien, die im falschen Format gespeichert wurden — sehr oft ein Screenshot eines Fotos, denn Screenshot-Werkzeuge verwenden standardmäßig PNG.

WebP hat zwei Modi, und das ist der ganze Trick

Genau das macht WebP zu einem so guten Ersatz speziell für PNG: Es beherrscht beide Aufgaben.

Verlustfreies WebP bewahrt jedes Pixel exakt, wie PNG, komprimiert es aber besser — typischerweise 26 % kleiner als dasselbe PNG. Bei einem Logo oder einem Oberflächen-Screenshot erhalten Sie ein identisches Bild in einer kleineren Datei, ohne irgendetwas aufzugeben.

Verlustbehaftetes WebP verwirft Details wie JPG, unterstützt aber weiterhin Transparenz — etwas, das JPG nie konnte. Das ist die Kombination, die es vor WebP nicht gab. Ein Produktfoto mit freigestelltem Hintergrund bedeutete früher ein riesiges PNG, weil es das einzige verbreitete Format war, das ein Foto und einen Alphakanal zugleich halten konnte. Heute kann es ein verlustbehaftetes WebP mit einem Bruchteil der Größe sein.

Setzen Sie einen hohen Qualitätswert, verhält es sich verlustfrei oder nahezu verlustfrei. Senken Sie ihn, tauschen Sie Details gegen Größe — die Transparenz bleibt dabei erhalten.

Welche Qualität wofür

Die richtige Einstellung hängt ganz davon ab, welche Art von Bild das PNG enthält.

• Logos, Icons, flache Grafiken — höchste Qualität verwenden. Sie haben harte Kanten und wenige Farben; sie komprimieren ohnehin gut, und Artefakte an Kanten fallen sofort auf.
• Screenshots mit Text — hohe Qualität, 90 oder darüber. Text ist die Stelle, an der verlustbehaftete Kompression am schlechtesten aussieht: ein leichter Brei um die Buchstaben herum.
• Fotos mit Transparenz — 80–85 genügt völlig, und hier zeigen sich die dramatischen Einsparungen.
• Diagramme und Schaubilder — hohe Qualität. Dünne Linien und scharfe Farbgrenzen sind genau das, was verlustbehaftete Kompression verwischt.
• Große Hintergrundbilder — 75–85 ist meist in Ordnung, da sie hinter anderen Inhalten liegen.

Die Regel dahinter: Harte Kanten und Text brauchen hohe Qualität, kontinuierliche Tonwerte nicht.

Transparenz bleibt erhalten — mit einer Sache zum Prüfen

WebP unterstützt einen vollen 8-Bit-Alphakanal, genau wie PNG. Weiche Schatten, weich auslaufende Kanten, kantengeglättete Rundungen und teilweise Transparenz kommen alle korrekt durch. Das ist nicht die grobe An/Aus-Transparenz eines GIF.

Was Sie nach einer Umwandlung mit niedriger Qualitätseinstellung prüfen sollten, ist der Rand einer Freistellung. Verlustbehaftete Kompression arbeitet auf den Farbdaten, und ein halbtransparentes Randpixel kann einen leichten Hof jener Farbe aufnehmen, die im Original dahinter lag. Bei einer sauberen Freistellung mit Qualität 80 oder höher sehen Sie das nicht. Bei einem stark komprimierten Bild mit fein auslaufender Kante vor einer kräftigen Farbe vielleicht schon — sehen Sie sich den Übergang also in voller Größe an, bevor Sie es ausliefern.

So verwenden Sie das Tool

• PNG hochladen — klicken Sie auf den Upload-Bereich oder ziehen Sie eine .png-Datei hinein
• Qualität wählen — höher bewahrt mehr Details, niedriger ergibt eine kleinere Datei
• Herunterladen — speichern Sie Ihr WebP

Gut zu wissen

• Die Ersparnis ist bei fotografischen PNGs am größten. Ein Screenshot eines Fotos kann um 90 % schrumpfen, ohne sichtbare Veränderung.
• Ein winziges Icon schrumpft womöglich nicht. Unterhalb weniger Kilobyte dominiert der Format-Overhead, und WebP kann gleich groß oder etwas größer ausfallen. Behalten Sie, was kleiner ist.
• Vor dem Konvertieren verkleinern. Ein 3000 Pixel breites PNG, das mit 300 Pixeln angezeigt wird, verschwendet mehr Bytes, als jeder Codec zurückholen kann.
• Favicons sollten PNG oder ICO bleiben. Die Unterstützung für WebP-Favicons ist uneinheitlich, und die Datei ist so oder so winzig.
• E-Mail-Programme hinken Browsern hinterher. Manche stellen WebP noch immer nicht dar, verwenden Sie in einer E-Mail-Vorlage also PNG oder JPG.
• Behalten Sie das PNG-Original, wenn das Bild ein Master-Asset ist, das Sie erneut bearbeiten werden.

Häufige Fragen

Wie viel kleiner ist WebP als PNG?

Weit mehr, als die meisten erwarten. Verlustfreies WebP ist im Schnitt rund 26 % kleiner als dasselbe PNG, bei Pixel-für-Pixel identischem Ergebnis. Der Wechsel zu verlustbehaftetem WebP, was PNG überhaupt nicht kann, spart häufig 60–80 %, und bei einem als PNG gespeicherten Foto kann es über 90 % sein. Je mehr fotografischer Inhalt, desto größer der Gewinn.

Bleibt mein transparenter Hintergrund erhalten?

Ja. WebP unterstützt einen vollen 8-Bit-Alphakanal genau wie PNG, sodass weiche Schatten, weich auslaufende Kanten und teilweise Transparenz alle erhalten bleiben. Das ist einer der Hauptvorteile von WebP gegenüber JPG, das gar keine Transparenz kennt. Prüfen Sie bei sehr niedrigen Qualitätseinstellungen den Rand einer Freistellung auf einen leichten Farbhof.

Sollte ich verlustbehaftetes oder verlustfreies WebP verwenden?

Verlustfrei für Logos, Icons, Schaubilder und Screenshots mit Text — alles mit harten Kanten oder Schrift, wo Kompressionsartefakte sichtbar sind und die Datei ohnehin klein ist. Verlustbehaftet für Fotografien, auch für Fotos mit transparentem Hintergrund, wo die Ersparnis groß und der Verlust ab Qualität 80 unsichtbar ist.

Warum ist mein PNG überhaupt so groß?

Mit ziemlicher Sicherheit, weil es eine Fotografie enthält. PNG speichert jedes Pixel exakt und komprimiert, indem es Wiederholungen sucht — und Fotos enthalten fast keine exakten Wiederholungen, es gibt also nichts zusammenzufassen. PNG ist die richtige Wahl für flache Grafiken und Screenshots von Oberflächen und die falsche für fotografische Inhalte.

Kann ich später wieder zurück zu PNG konvertieren?

Ja, und die Transparenz übersteht den Hin- und Rückweg. Haben Sie aber verlustbehaftetes WebP verwendet, sind die dabei verworfenen Details endgültig verloren — die Rückkonvertierung liefert ein PNG des komprimierten Bildes, nicht das Original. Bewahren Sie Ihre PNG-Master auf, wenn Sie sie erneut bearbeiten müssen.

Funktioniert WebP in E-Mails?

Nicht zuverlässig. Die Browser-Unterstützung ist inzwischen universell, aber E-Mail-Programme hinken deutlich hinterher, und einige zeigen bei einem WebP gar nichts an. Verwenden Sie in E-Mail-Vorlagen PNG oder JPG. Dieselbe Vorsicht gilt für manche Desktop-Software, für Druckabläufe und für Upload-Formulare, die nur PNG und JPG annehmen.

Wird mein Bild an einen Server gesendet?

Nein. Die Umwandlung geschieht vollständig in Ihrem Browser, die Datei verlässt Ihren Computer also nie. Das ist besonders bei Screenshots wichtig, die oft Namen, Adressen, Kontonummern oder interne Systeme enthalten.

Verwandte Tools

• WebP zu PNG — die andere Richtung, mit Erhalt der Transparenz
• JPG zu WebP — für Fotografien ohne Transparenz
• Bildkomprimierer — ein Bild verkleinern, ohne das Format zu ändern
• Hintergrund-Entferner — die Transparenz überhaupt erst erzeugen