UltKit

PNG in WebP umwandeln

Verkleinern Sie PNG-Screenshots, Logos und freigestellte Produktbilder Ihrer Website zu WebP-Dateien, die ihre transparenten Kanten behalten und in einem Bruchteil der Zeit laden. Wählen Sie verlustbehaftet oder verlustfrei, wandeln Sie um und laden Sie die Ergebnisse in Ihr CMS hoch.

Bild-Konverter

oder JPG, JPEG, JPE …-Dateien hierher ziehen ·

Max. 95 MB pro Datei· Bis zu 20 Dateien· Gelöscht nach 30 Minuten

Ausgabe

Dateien werden auf unseren Servern verarbeitet und nach 30 Minuten gelöscht.

So verwenden Sie dieses Tool

  1. 1

    PNG-Dateien hineinziehen

    Ziehen Sie bis zu 20 PNG-Dateien in den Upload-Bereich oder wählen Sie sie aus einem Ordner aus. Jede Datei darf bis zu 95 MB groß sein, das reicht selbst für sehr große exportierte Mockups.

  2. 2

    Verlustbehaftet oder verlustfrei wählen

    Die Seite startet mit Qualität 80 im verlustbehafteten Modus, einem guten Kompromiss für Fotos und Illustrationen im Web. Aktivieren Sie unter Erweiterte Einstellungen die Option Verlustfrei für Icons, Pixel Art oder UI-Screenshots, die pixelgenau bleiben müssen.

  3. 3

    Umwandeln und ersetzen

    Klicken Sie auf In WebP umwandeln und laden Sie die Dateien einzeln oder als ZIP herunter.

Antwort

Lohnt sich die Umwandlung von PNG in WebP?

Für Bilder auf einer Website fast immer. Dasselbe Bild samt Transparenz wird typischerweise deutlich kleiner, und jeder aktuelle Browser zeigt es an. Behalten Sie PNG für Dateien, die Sie noch bearbeiten oder an Personen schicken, die sie in Desktop-Software öffnen.

Warum Webentwickler PNG durch WebP ersetzen

PNG ist von Haus aus verlustfrei: Es wurde 1996 vom W3C als patentfreier Ersatz für GIF standardisiert und verwirft nie Pixeldaten. Das ist ideal für eine Masterdatei, aber verschwenderisch auf einer Webseite, wo eine als PNG gespeicherte Hero-Illustration mit 1600 px mehr wiegen kann als alle Skripte der Seite zusammen.

Google führte WebP 2010 ein, um diese Lücke zu schließen. Es bietet zwei Verfahren in einem Container: einen verlustfreien Modus, der laut Googles eigenem veröffentlichten Vergleich etwa 26 % kleiner ist als PNG, und einen verlustbehafteten Modus auf Basis des Videocodecs VP8, der noch kleiner ausfällt. Beide Modi unterstützen einen vollständigen Alphakanal, und genau das hält Logos und freigestellte Produktfotos auf farbigen Hintergründen nutzbar.

Tools zur Seitengeschwindigkeit wie PageSpeed Insights weisen seit Langem auf zu große PNG- und JPEG-Dateien als einfache Einsparung hin, und ein umgewandelter Bildsatz ist oft die schnellste Verbesserung für den Largest Contentful Paint. Brauchen die Bilder außerdem neue Maße, ändern Sie zuerst die Bildgröße und wandeln Sie sie danach um.

Wie viel kleiner WebP im Vergleich zu PNG wird

PNG-Original

1,2 MB

1600 × 900 · 24 Bit mit Alpha, freigestelltes Produkt

typischerweise 80–85 % kleiner

WebP, Qualität 80

190 KB

1600 × 900 · verlustbehaftet, Alphakanal erhalten

PNG

Portable Network Graphics

PNG ist ein verlustfreies Rasterformat, das die PNG Development Group 1996 veröffentlicht hat und das später von W3C und ISO standardisiert wurde. Es bewahrt jedes Pixel exakt, unterstützt volle Alpha-Transparenz und gibt Text, scharfe Kanten und einfarbige Flächen ohne Artefakte wieder. Diese Präzision macht es ideal für Screenshots, Logos, Icons und Oberflächengrafiken. Der Nachteil ist die Größe: Als PNG gespeicherte Fotos sind oft um ein Vielfaches größer als dasselbe Foto als JPEG oder WebP. Alle Browser, Betriebssysteme und Editoren öffnen PNG-Dateien.

Komprimierung
Verlustfrei
Transparenz
Ja
Animation
Nein
Eingeführt
1996 · PNG Development Group
PNG-Konverter

WEBP

WebP-Bild

WebP ist ein Bildformat, das Google 2010 veröffentlichte, damit Webseiten schneller laden. Es unterstützt verlustbehaftete und verlustfreie Kompression, Alpha-Transparenz und Animation in einem einzigen Format. Verlustbehaftete WebP-Dateien sind bei ähnlicher Bildqualität meist 25–35 % kleiner als JPEGs, verlustfreies WebP ist meist kleiner als PNG. Alle aktuellen Browser unterstützen es, manche ältere Desktop-Software, Druckdienste und Upload-Formulare lehnen es aber noch ab. Windows, macOS und die meisten modernen Bildbearbeitungen öffnen WebP-Dateien.

Komprimierung
Verlustbehaftet oder verlustfrei
Transparenz
Ja
Animation
Ja
Eingeführt
2010 · Google
WEBP-Konverter

Website-Betreiber wandeln PNG in WebP um, um die Seitengröße zu senken und dabei die Transparenz zu behalten; der Weg von WebP zurück zu PNG dient dazu, eine Datei zu bearbeiten oder in Software zu öffnen, die WebP nicht liest.

Die Werte oben sind ein typisches Ergebnis für ein fotografisches Freisteller-Motiv, kein Versprechen. Flache Grafiken schrumpfen im verlustbehafteten Modus weniger und im verlustfreien Modus manchmal stärker. Screenshots voller Text sind der einzige Fall, in dem verlustbehaftetes WebP die Buchstabenkanten verwischen kann; aktivieren Sie dafür Verlustfrei, dann sparen Sie weiterhin Platz, ohne die Pixel zu verändern.

Maße, Farben und Transparenz bleiben unverändert, und Metadaten entfernen (standardmäßig aktiv) löscht den Bearbeitungsverlauf, den ein Browser nie braucht.

Bevor Sie die WebP-Dateien auf Ihre Website hochladen

  • Bewahren Sie die PNG-Originale in einem separaten Ordner auf; WebP ist eine Auslieferungskopie, keine Bearbeitungsvorlage.
  • Prüfen Sie, ob Ihr CMS .webp-Uploads akzeptiert (WordPress ab Version 5.8).
  • Sehen Sie sich ein transparentes Bild auf weißem und auf dunklem Hintergrund an, um saubere Kanten zu bestätigen.
  • Ändern Sie die Bildverweise in HTML oder CSS von .png auf .webp, oder lassen Sie Ihr CMS die Vorschaubilder neu erzeugen.
  • Vergleichen Sie die Seitengröße vorher und nachher im Netzwerk-Panel Ihres Browsers, damit Sie wissen, was Sie gespart haben.

Fragen zur Umwandlung von PNG in WebP

Bleibt beim Umwandeln in WebP der transparente Hintergrund meines PNG erhalten?

Ja. WebP speichert einen Alphakanal sowohl im verlustbehafteten als auch im verlustfreien Modus, daher bleiben freigestellte Produktfotos und Logos transparent. Im verlustbehafteten Modus werden die Randpixel etwas stärker komprimiert; wenn Sie einen leichten Schimmer um feine Haare oder Text sehen, wiederholen Sie die Umwandlung mit aktivierter Option Verlustfrei. Brauchen Sie später den umgekehrten Weg? Mit WebP in PNG erhalten Sie wieder ein bearbeitbares PNG.

Soll ich für ein PNG verlustbehaftetes oder verlustfreies WebP wählen?

Verlustfrei, wenn das PNG flache UI, ein Diagramm, ein Logo oder Pixel Art ist: Jedes Pixel bleibt exakt erhalten, und die Datei wird meist trotzdem kleiner. Verlustbehaftet mit Qualität 75 bis 85, wenn das PNG eigentlich ein Foto oder eine weiche Illustration ist, denn dort sparen Sie am meisten.

Welche Browser können WebP-Bilder anzeigen?

Chrome, Edge, Firefox und Opera zeigen WebP seit Jahren an, Safari zog 2020 mit Version 14 nach (ab macOS Big Sur und iOS 14). In der Praxis stellt heute jeder aktiv genutzte Browser WebP dar, ein einfaches img-Tag mit einer .webp-Datei genügt daher für die meisten Websites.

Kann man in WordPress WebP-Dateien hochladen?

WordPress 5.8, veröffentlicht im Juli 2021, hat WebP zu den erlaubten Upload-Typen der Mediathek hinzugefügt. Ältere Installationen lehnen die Datei ab, sofern kein Plugin den MIME-Typ ergänzt. Prüfen Sie daher Ihre Version, bevor Sie einen ganzen Ordner umwandeln.

Warum ist meine WebP-Datei größer als das ursprüngliche PNG?

Das passiert bei sehr kleinen PNGs mit indizierter Palette aus wenigen Farben, etwa einem Icon mit 8 Farben, weil PNG dort bereits sehr effizient ist. Versuchen Sie es bei solchen Dateien mit Verlustfrei; ist das Ergebnis weiterhin größer, behalten Sie das PNG. Die Ersparnis entsteht bei größeren, farbigeren Bildern.

Kann ich einen ganzen Ordner mit PNGs auf einmal in WebP umwandeln?

Bis zu 20 Dateien werden in einem Durchgang verarbeitet, jeweils bis zu 95 MB, und kommen gemeinsam als ZIP zurück. Bei einem größeren Ordner wiederholen Sie den Vorgang in Gruppen zu 20 Dateien; es gibt kein Tageslimit, und die Uploads werden nach 30 Minuten automatisch gelöscht.