PNG in WebP umwandeln

PNG ist das Format, aus dem Designer exportieren, und WebP das Format, das Websites ausliefern sollten. Die Konvertierung reduziert die Dateigröße um zwei Drittel oder mehr und behält die Transparenz, und jeder aktuelle Browser kann das Ergebnis anzeigen. Die Konvertierung läuft auf deinem Gerät, es wird also nichts hochgeladen.

So wandelst du PNG in WebP um

Lege ein oder mehrere PNG-Bilder im Tool unten ab.
Das Ausgabeformat ist bereits auf WebP gesetzt. Passe bei Bedarf die Qualität an.
Klicke auf Starten, um zu konvertieren.
Lade jedes WebP herunter, oder hol dir alle als ZIP.

Warum PNG-Dateien so groß sind

PNG ist verlustfrei. Jeder Pixel wird exakt gespeichert, was es perfekt für Logos, Screenshots und Interface-Grafiken macht, und auch der Grund ist, warum ein PNG-Foto 10- bis 20-mal größer sein kann als dasselbe Bild als JPG. Design-Tools exportieren standardmäßig als PNG, weil es sicher ist, nicht weil es effizient ist. Das Ergebnis: Viele Websites liefern Multi-Megabyte-PNGs für Bilder aus, die ein paar hundert Kilobyte haben könnten.

Was WebP anders macht

WebP wurde von Google speziell für das Web entwickelt. Es hat zwei Modi. Verlustbehaftetes WebP nutzt Vorhersage und Transformationskodierung ähnlich der Videokomprimierung und erzeugt typischerweise Dateien, die 25 bis 35 % kleiner sind als ein JPG gleicher visueller Qualität, und weit kleiner als ein PNG. Verlustfreies WebP speichert Pixel exakt wie PNG, aber mit einem cleveren Komprimierungsschema, meist 20 bis 30 % kleiner als ein optimiertes PNG. Beide Modi unterstützen Transparenz, was der Hauptgrund ist, warum PNG in WebP eine so häufige Konvertierung ist: Es ist das erste breit unterstützte Format, mit dem du einen Alphakanal behalten kannst, ohne die PNG-Größenstrafe zu zahlen.

Eine Qualitätseinstellung wählen

Das Quell-PNG enthält	Empfohlene WebP-Qualität	Ergebnis
Logo, Icon, flache Illustration	90 bis 100	Scharfe Kanten bleiben erhalten, trotzdem 50 %+ kleiner als PNG
Screenshot mit Text	85 bis 95	Text bleibt lesbar, typischerweise 60 bis 70 % kleiner
Foto oder gerendertes 3D-Bild	75 bis 85	Visuell identisch bei normaler Größe, 80 bis 90 % kleiner
Transparente Produktfreistellung	85 bis 90	Kanten bleiben sauber, Alphakanal erhalten

Wo das WebP eingesetzt wird

Liefere WebP überall aus, wo ein Browser der Betrachter ist: deine Website, Web-App, E-Mail-Vorlagen für moderne Clients und Bild-CDNs. WordPress, Shopify, Webflow, Squarespace und Wix akzeptieren heute alle WebP-Uploads. Wenn du gleichzeitig einen alten Betrachter unterstützen musst, ist der Standardansatz das HTML-Element <picture> mit einer WebP-Quelle zuerst und einem PNG- oder JPG-Fallback.

Konvertiere nicht in WebP für die Druckübergabe, zum Archivieren von Master-Grafiken oder zum Versand an einen Kunden, der die Datei in einer älteren Version von Photoshop oder Illustrator öffnet. Behalte den PNG-Master und behandle das WebP als Auslieferungsformat.

Stapelkonvertierung

Ein ganzer Ordner exportierter PNG-Assets kann auf einmal abgelegt werden. Jedes wird mit derselben Qualitätseinstellung konvertiert, und die Ergebnisse werden als ein einziges ZIP mit den ursprünglichen Dateinamen und einer .webp-Endung heruntergeladen, sie in ein Projekt zu tauschen ist also ein Suchen-und-Ersetzen der Endung.

Häufig gestellte Fragen

Behält WebP den transparenten Hintergrund meines PNGs?

Ja. WebP unterstützt einen vollen 8-Bit-Alphakanal, weiche Kanten, Schlagschatten und halbtransparente Bereiche kommen also genau so an, wie sie im PNG waren.

Sollte ich verlustfreies oder verlustbehaftetes WebP verwenden?

Für Logos, Icons und Screenshots mit scharfem Text nimm eine hohe Qualitätseinstellung, damit das Ergebnis knackig bleibt. Für als PNG exportierte Fotos bringt Qualität 80 bis 85 eine riesige Ersparnis ohne sichtbaren Verlust.

Welche Browser und Apps öffnen WebP?

Chrome, Edge, Firefox, Safari (seit Version 14) und jeder aktuelle mobile Browser zeigen WebP an. Windows Fotos und die macOS-Vorschau öffnen es. Manche ältere Desktop-Software und E-Mail-Programme nicht, behalte für die ein PNG oder JPG.

Warum ist mein WebP manchmal größer als das PNG?

Winzige Bilder mit sehr wenigen Farben, etwa ein 32-Pixel-Icon, können als PNG schon nahe ihrer Minimalgröße sein. WebP glänzt bei allem, was größer als ein paar hundert Pixel ist.

Deine Dateien verlassen nie dein Gerät

Jedes Tool auf Squishly Tools ist 100 % kostenlos und läuft vollständig in deinem Browser. Deine Bilder und Dokumente werden auf deinem eigenen Computer verarbeitet und nie auf einen Server hochgeladen. Keine Konten, keine Wasserzeichen, kein Haken.