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
Dateien werden auf unseren Servern verarbeitet und nach 30 Minuten gelöscht.
85 hält Fotos optisch identisch mit dem Original. Senken Sie den Wert nur, wenn Sie eine kleinere Datei brauchen.
JPG, BMP und EPS unterstützen keine Transparenz. Transparente Pixel werden mit dieser Farbe gefüllt.
Hex-Farbe hinter transparenten Pixeln, z. B. #FFFFFF.
Dieses Format enthält nur ein einzelnes Bild. Wählen Sie GIF oder WebP als Ausgabe, wenn die Animation erhalten bleiben soll.
Ein Symbol mit mehreren Größen enthält mehrere Auflösungen in einer Datei; Browser und Betriebssysteme wählen die passende.
Die ursprünglichen Abmessungen beibehalten oder eine Seite eingeben; das Seitenverhältnis bleibt erhalten.
Pixel für die oben gewählte Seite.
Prozentsatz der ursprünglichen Abmessungen.
sRGB passt für Bildschirme und das Web. Behalten Sie das Original für Druck-Workflows; Graustufen verwerfen die Farbe.
Nur Metadaten, 0 behält den ursprünglichen Wert. Drucker und einige Portale lesen diese Zahl; die Pixelmaße ändern sich dadurch nicht.
So verwenden Sie dieses Tool
- 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
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
Umwandeln und ersetzen
Klicken Sie auf In WebP umwandeln und laden Sie die Dateien einzeln oder als ZIP herunter.
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
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
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
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.
Weitere Tools für WebP und PNG
- JPG in WebP umwandelnJPG in WebP umwandeln für schnellere Seiten: etwa ein Viertel bis ein Drittel weniger Bytes bei gleicher Optik. 20 Fotos auf einmal, ohne Konto.
- Bild in WebP umwandelnWandeln Sie JPG, PNG, GIF, HEIC, TIFF, SVG und RAW-Fotos gesammelt in WebP um. Standardqualität 80, Transparenz und Animation bleiben, ohne Konto.
- PNG in AVIF umwandelnPNG in AVIF (AV1) umwandeln: Transparenz bleibt, verlustbehaftet oder verlustfrei, lesbar in Chrome, Firefox, Safari, Edge. Bis zu 20 Dateien.
- WebP in PNG umwandelnWebP in PNG umwandeln, ohne Transparenz zu verlieren. Logos, Sticker und Freisteller bleiben transparent; animiertes WebP: erster oder jeder Frame.
- PNG in JPG umwandelnPNG in JPG umwandeln: kleinere Dateien für E-Mail, Formulare und Fotoabzüge. Transparenz wird weiß, schwarz oder farbig gefüllt. Bis zu 20 Dateien.
- AVIF in WebP umwandelnAVIF in WebP umwandeln, wenn Browser, Plugin oder Hoster kein AVIF können. Mit Transparenz, verlustfrei oder verlustbehaftet, 20 Bilder je Stapel.