ConvertBlink
DE

PNG in WebP umwandeln: kleinere Dateien mit Transparenz

PNG direkt im Browser in WebP umwandeln. Verkleinert die Datei und behält die Transparenz. Kein Upload, die Dateien bleiben auf deinem Gerät. Läuft in jedem modernen Browser.

Browser-nativ
Privatsphäre zuerst
Kostenlos

Jetzt konvertieren

Datei hierher ziehen

oder

Wie es funktioniert

PNG nimmst du, wenn ein Screenshot, ein Logo oder ein UI-Export gestochen scharf bleiben und seinen transparenten Hintergrund behalten soll. Der Haken ist die Dateigröße: Durch die verlustfreie Komprimierung von PNG werden solche Dateien schnell groß, und große Bilder bremsen den Seitenaufbau. Genau dafür gibt es WebP im Web. Es behält den Alphakanal von PNG, komprimiert aber deutlich stärker, sodass ein transparentes Element nur einen Bruchteil der Größe hat. Dieser Konverter dekodiert dein PNG im Browser in einzelne Pixel und kodiert es dann als WebP mit erhaltenem Alphakanal neu. Dabei entsteht verlustbehaftetes WebP mit hoher Qualitätsstufe, also genau der Kompromiss, den moderne Websites bei Hero-Bildern, Produktfotos und Screenshots eingehen: ein geringer, meist unsichtbarer Qualitätsverlust gegen eine deutlich leichtere Datei. Die Transparenz wird direkt übernommen, sodass ein freigestellter Hintergrund sauber bleibt, ohne weißen Rand an den Kanten. Alles läuft lokal ab. Das PNG wird auf deinem eigenen Gerät per WebAssembly gelesen, dekodiert und neu kodiert, also wird die Datei nie hochgeladen und nichts auf einem Server gespeichert. Damit eignet sich der Konverter für interne Screenshots, unveröffentlichte Mockups oder jedes Bild, das du nicht an eine fremde Website geben möchtest. Behalte deine Original-PNGs als Archiv, denn verlustbehaftetes WebP lässt sich nicht wieder in die exakten Ausgangspixel zurückrechnen.

Verwandte Konvertierungs-Tools

Entdecken Sie weitere leistungsstarke Konverter, die für Ihren Workflow nützlich sein könnten

PNG optimieren: verlustfrei komprimieren, gleiche Pixel

PNG-Dateien verlustfrei mit oxipng verkleinern. Gleiche Pixel, weniger Bytes durch bessere Filter und DEFLATE. Läuft im Browser, kein Upload, kein Qualitätsverlust.

.png
Jetzt testen

PNG in AVIF umwandeln - verlustfrei, mit Transparenz

PNG verlustfrei in AVIF umwandeln, direkt im Browser. Die Intra-Codierung von AV1 verkleinert die Datei und behält jeden Pixel samt voller Transparenz. Kein Upload, alles läuft lokal.

.png
Jetzt testen

PNG in Base64 umwandeln: PNG als Data-URI kodieren

PNG direkt im Browser in eine Base64-Data-URI kodieren. Fügen Sie sie in HTML, CSS oder JS ein, um kleine Icons inline einzubetten. Kein Upload, Kopieren per Klick, verlustfrei.

.png
Jetzt testen

Bild in WebP umwandeln: JPG, PNG, BMP, GIF zu WebP

JPG, PNG, BMP oder GIF direkt im Browser in WebP umwandeln. Verlustbehaftetes WebP für kleinere Dateien und schnellere Ladezeiten. Kein Upload, voll privat, auch offline.

.jpg.jpeg +3
Jetzt testen

JPEG in WebP umwandeln: Fotos fürs Web verkleinern

JPEG-Fotos direkt im Browser in WebP umwandeln und Seiten leichter machen. Verlustbehaftete Neukodierung, kein Upload, Dateien bleiben auf deinem Gerät. Kostenlos und offline.

.jpg.jpeg
Jetzt testen

JPEG-zu-AVIF-Konverter: Verlustfrei neu kodieren im Browser

Verpacke ein JPEG im Browser mit dem AV1-Codec im verlustfreien Modus in eine AVIF-Datei. Keine zusätzliche Kompression auf das Original, kein Upload, die Dateien bleiben auf deinem Gerät.

.jpg.jpeg
Jetzt testen

MehrPNG

png optimizerpng → avifpng → base64png → jpegpng → jxl

Konvertieren zuWEBP

canvas → webpjpeg → webpsvg → webp
Alle Konverter anzeigen

Funktionen

  • Keine Datei-Uploads erforderlich
  • 100% datenschutzorientiert
  • Browser-basiert
  • Schnelle Verarbeitung
  • Für immer kostenlos

Unterstützte Formate

.png

Ausgabe: WebP

Technische Spezifikationen

input Format PNG (Portable Network Graphics, mit oder ohne Alphakanal)
output Format WebP (verlustbehaftet, Alphakanal erhalten)
compression Type Verlustbehaftetes WebP (VP8) mit hoher Qualitätsstufe, kodiert über @jsquash/webp (WebAssembly)
quality Retention Hochwertige verlustbehaftete Kodierung; feine Details werden für kleinere Dateien reduziert, nicht pixelidentisch zur Quelle
color Space Support sRGB mit vollständig erhaltenem 8-Bit-Alphakanal
max Resolution Nur durch den Arbeitsspeicher deines Geräts begrenzt
processing Time Sofort, läuft in deinem Browser

Hauptvorteile

  • Behält die PNG-Transparenz, inklusive weicher Schatten und kantengeglätteter Ränder
  • Verkleinert die Datei deutlich gegenüber PNG, vor allem bei Fotos und Screenshots
  • Das Ergebnis ist web-fertiges WebP, das jeder moderne Browser anzeigen kann
  • Läuft komplett in deinem Browser, PNGs werden nie hochgeladen oder gespeichert
  • Leichtere Elemente verbessern Ladezeit und Core Web Vitals
  • Funktioniert auf jedem Gerät mit modernem Browser, ohne Installation oder Konto

Häufige Anwendungsfälle

  • Schwere PNG-Hero-Bilder und Hintergründe ersetzen, um eine Website zu beschleunigen
  • Transparente Logos und Icons verkleinern für schneller ladende Oberflächen
  • Screenshots für Doku und Changelogs umwandeln, ohne das Repository aufzublähen
  • Produktbilder mit freigestelltem Hintergrund für den Onlinehandel vorbereiten
  • Bildgewicht in Landingpages und PWAs senken
  • Bandbreiten- und CDN-Kosten auf bildlastigen Seiten reduzieren

Profi-Tipps

  • Behalte die Original-PNGs als Archiv, da sich verlustbehaftetes WebP nicht in die exakte Quelle zurückrechnen lässt
  • Spiele WebP mit einem PNG-Fallback über das picture-Element aus, für ältere Browser oder Offline-Programme
  • Prüfe feine Farbverläufe und sehr feine Details nach dem Umwandeln in voller Größe, denn dort zeigen sich verlustbehaftete Artefakte zuerst
  • Für pixelgenaue Grafiken, die sich gar nicht verändern dürfen, bleib bei PNG oder nutze einen eigenen verlustfreien WebP-Build-Schritt
  • Für große, wiederkehrende Stapel nutze ein Build-Tool wie cwebp; diese Seite ist ideal für einzelne Umwandlungen

Häufig gestellte Fragen

Ja. WebP unterstützt einen vollständigen 8-Bit-Alphakanal, daher überstehen transparente Hintergründe, Schlagschatten und kantengeglättete Ränder deines PNG die Umwandlung. Ein Logo oder Icon mit freigestelltem Hintergrund bleibt sauber, ohne weißen Kasten oder Saum drumherum.
Dieser Konverter erzeugt verlustbehaftetes WebP mit hoher Qualitätsstufe (etwa 85). Das ist die übliche Wahl für Bilder fürs Web: Die Dateien werden deutlich kleiner als bei PNG, während der Qualitätsunterschied am Bildschirm kaum auffällt. Pixelidentisches, verlustfreies WebP entsteht dabei nicht. Wenn du eine exakte Kopie der Quelle brauchst, behalte das PNG.
Bei den meisten Bildern und Bildschirmen nicht. Auf dieser Qualitätsstufe entfernt die Komprimierung vor allem feine Details, die das Auge ohnehin kaum wahrnimmt. Flächige Grafiken, Logos und Screenshots mit Text halten sich in der Regel gut; bei sehr feinen Farbverläufen zeigen sich Artefakte am ehesten, prüfe diese also in voller Größe, wenn es darauf ankommt.
Das hängt vom Bild ab, aber bei fotografischen Inhalten und Screenshots fällt der Rückgang meist deutlich aus, weil verlustbehaftetes WebP diese viel stärker komprimiert, als PNG es je könnte. Einfache flächige Grafiken, die PNG schon gut komprimiert, schrumpfen weniger, doch transparente Elemente werden in der Regel trotzdem spürbar leichter.
Jeder aktuelle Browser zeigt WebP an, darunter Chrome, Firefox, Safari und Edge, daher kannst du es heute bedenkenlos im Web ausspielen. Für alte Browser kannst du mit dem HTML-Element picture ein PNG als Fallback anbieten. Manche Desktop-Bildbetrachter und ältere Designprogramme können WebP noch nicht öffnen, behalte also deine Ausgangs-PNGs, wenn du breite Offline-Kompatibilität brauchst.
Hier wandelst du ein PNG nach dem anderen um. Da die Arbeit lokal läuft und sofort fertig ist, kannst du Dateien direkt nacheinander verarbeiten, ohne auf eine Upload-Warteschlange zu warten. Für große, wiederkehrende Stapel in einem Build-Prozess eignen sich ein Kommandozeilen-Tool wie cwebp oder eine Bild-Pipeline besser.
Nein. Das PNG wird vollständig in deinem Browser per WebAssembly dekodiert und das WebP dort kodiert. Es wird nichts an einen Server gesendet und nichts gespeichert, was den Konverter für Screenshots, interne Mockups oder jedes Bild sicher macht, das du nicht an Dritte hochladen möchtest.
Kleinere Bilddateien bedeuten weniger übertragene Daten, schnelleres Rendern und bessere Werte beim Largest Contentful Paint. Schwere PNG-Elemente durch WebP zu ersetzen senkt das Bildgewicht oft erheblich und behält dabei die Transparenz, weshalb es ein Standardschritt bei der Frontend-Optimierung ist.