Zum Inhalt springen

PNG in WebP umwandeln

Der größte einfache Gewinn für die Ladezeit: WebP behält Transparenz und Schärfe Ihres PNG bei einem Bruchteil der Größe, und es wird nichts gespeichert.

  • Nie gespeichert
  • Keine Warteschlange, kein Warten
  • Ohne Anmeldung, ohne Wasserzeichen

So funktioniert’s

1

PNGs hinzufügen

Beliebig viele .png-Dateien auf der Seite ablegen.

2

Qualität wählen

Der Regler wägt Größe gegen Detailtreue ab; die neue Größe erscheint live für jede Datei.

3

Herunterladen

Dateien einzeln speichern oder alle als ZIP.

Zwei Arten von WebP – und welche Sie bekommen

WebP sind eigentlich zwei Formate mit derselben Dateiendung. Verlustfreies WebP nutzt einen grundlegend anderen Algorithmus als PNG und schlägt es bei denselben Pixeln meist um zwanzig bis dreißig Prozent. Verlustbehaftetes WebP wirft wie JPEG Informationen weg, einschließlich der Farbunterabtastung, die Farbe mit halber Auflösung speichert. Beide unterstützen volle 8-Bit-Transparenz – das ist der Vorteil von WebP gegenüber JPEG und der Grund, warum es ein PNG überhaupt ersetzen kann.

Welche Variante Sie bekommen, hängt von der Qualitätseinstellung ab, und das ist das Wichtigste, was Sie hier wissen müssen. Alles unter dem Maximum erzeugt verlustbehaftetes WebP – hervorragend für Fotos und falsch für die Bilder, die man normalerweise als PNG aufbewahrt. Ein Screenshot mit Text, ein Logo, ein Diagramm, eine Skizze: Die unterabgetastete Farbe erzeugt sichtbare Farbsäume an jeder scharfen farbigen Kante, und roter Text auf Weiß zeigt das am deutlichsten. Lassen Sie die Qualität für solche Bilder auf Maximum, dann bleibt die Datei pixelgenau und wird trotzdem kleiner als das PNG.

Das Format hat eine feste Obergrenze, die PNG nicht hat: 16.383 Pixel auf jeder Seite. Für Fotos ist das großzügig, für ein zusammengesetztes Panorama, einen Screenshot einer langen Webseite oder eine gescannte Karte aber wirklich einschränkend – solche Bilder lassen sich überhaupt nicht kodieren, egal bei welcher Qualität. Die Transparenz bleibt in jedem Fall erhalten.

Die Unterstützung ist kein Grund mehr zu zögern. Jeder aktuelle Browser liest WebP, und das seit Jahren. Was es immer noch nicht zuverlässig kann, ist der lange Rest – ältere E-Mail-Programme, manche Desktop-Bildbetrachter, erstaunlich viel Unternehmenssoftware und Druck-Workflows. Für eine Webseite ist WebP einfach besser; für eine Datei, die Sie einem Menschen schicken, bleiben PNG oder JPG die sichere Wahl.

Wenn Sie etwas anderes brauchen

Googles eigenes cwebp bietet, was ein Canvas nicht kann. cwebp -lossless -z 9 in.png -o out.webp holt aus dem verlustfreien Modus das Maximum heraus, -near_lossless 60 opfert bei Fotoinhalten ein wenig Detailtreue für viel Größe, und -q 80 ist die vernünftige verlustbehaftete Voreinstellung. Außerdem lässt sich damit der Alphakanal separat komprimieren, was ein Browser-Encoder nie anbietet.

Überlegen Sie vor dem Umwandeln, ob das PNG überhaupt das Problem ist. oxipng -o 4 oder pngquant halbieren die Datei oft ohne Formatwechsel und ganz ohne Kompatibilitätsfrage – und wenn das Bild ein Foto und keine Grafik ist, hätte es wahrscheinlich von Anfang an ein JPG sein sollen.

Häufig gestellte Fragen

Wie viel kleiner werden meine Bilder?

Screenshots und UI-Grafiken schrumpfen typischerweise um 60–90 %. Jede Datei zeigt ihre Größe vorher und nachher, Sie müssen also nie raten.

Bleibt die Transparenz erhalten?

Ja – WebP unterstützt volle Alpha-Transparenz, anders als JPG. Logos und Freisteller bleiben sauber.

Unterstützen alle Browser WebP?

Jeder Browser seit 2020 – Chrome, Safari, Firefox, Edge – zeigt WebP nativ an. Nur wirklich uralte Software hat Probleme.

Verlustfrei oder verlustbehaftet?

Steht der Qualitätsregler auf 100 %, wird verlustfreies WebP erzeugt: identische Pixel, trotzdem kleiner als PNG. Alles darunter ist verlustbehaftet – dort liegen die großen Einsparungen.

Werden meine Dateien irgendwo gespeichert?

Nein – bei der Umwandlung wird nichts gespeichert.

Gut zu wissen: Animierte Ausgaben werden nicht erzeugt – hier werden Standbilder umgewandelt.

Dieses Tool auf Ihrer Website einbinden

Kostenlos für jeden Blog, jede Kursseite und jeden Hilfeartikel. Fügen Sie ein einziges Snippet ein, und Ihre Besucher können das Tool direkt auf Ihrer Seite nutzen.