PNG in WebP umwandeln — ohne Upload

WebP hat sich in den letzten Jahren als das effizienteste Bildformat für das Web etabliert. Wer bislang PNG für Grafiken, Logos oder Screenshots einsetzt, kann durch eine Konvertierung in WebP die Dateigrößen drastisch reduzieren – und dabei sogar die Transparenz erhalten. Dieser Artikel erklärt, warum und wie Sie PNG in WebP umwandeln sollten.

Warum PNG in WebP konvertieren?

PNG ist das bewährte Format für verlustfreie Bilder mit Transparenz. Es ist pixelgenau, aber die Dateien können groß werden – besonders bei komplexen Grafiken mit vielen Farben. WebP bietet hier eine überzeugende Alternative:

• Kleinere Dateien: Verlustfreies WebP ist im Schnitt 26 % kleiner als PNG. Verlustbehaftetes WebP erreicht sogar noch bessere Komprimierungsraten, falls minimale Qualitätseinbußen akzeptabel sind.
• Transparenz bleibt erhalten: WebP unterstützt einen Alphakanal – transparente Bereiche werden also beim Konvertieren nicht mit einem Hintergrund aufgefüllt, wie es bei JPG der Fall wäre.
• Schnellere Ladezeiten: Kleinere Bilder laden schneller. Für Websites bedeutet das bessere Core Web Vitals, eine geringere Absprungrate und mehr Sichtbarkeit in Suchmaschinen.
• Moderne Browserunterstützung: Alle aktuellen Browser – Chrome, Firefox, Edge, Safari (ab Version 14) – unterstützen WebP vollständig.

Verlustfreies WebP – Der ideale PNG-Ersatz

Der entscheidende Vorteil von WebP gegenüber JPG ist die verlustfreie Kompressionsmethode. Während JPG keine verlustfreie Variante kennt, bietet WebP genau das: lossless WebP komprimiert ohne Qualitätsverlust, produziert aber deutlich kleinere Dateien als PNG.

Wann verlustfreies WebP verwenden?

• Logos und Firmenlogos, die scharf und farbgenau sein müssen
• Icons und UI-Elemente mit Transparenz
• Screenshots, Infografiken und Diagramme mit Text
• Bilder, die mehrfach weiterverarbeitet werden

Wann verlustbehaftetes WebP sinnvoll ist

Für Bilder, bei denen minimale Qualitätsunterschiede nicht auffallen – etwa dekorative Hintergrundgrafiken oder Bilder mit vielen Farbverläufen – kann verlustbehaftetes WebP die Dateigröße noch stärker reduzieren. Die Transparenz bleibt auch in diesem Modus erhalten, sofern der Alphakanal in den Exporteinstellungen aktiviert ist.

Transparenz beim Konvertieren korrekt erhalten

Beim Konvertieren von PNG in WebP ist es wichtig, den Alphakanal beizubehalten. Die meisten Tools tun dies automatisch, wenn Sie verlustfreies WebP wählen. Bei verlustbehaftetem WebP muss die Transparenzunterstützung oft explizit aktiviert werden. Achten Sie in den Exporteinstellungen auf eine Option wie „Alphakanal beibehalten” oder den Parameter -alpha_q bei cwebp.

Methoden zur Konvertierung

Methode 1: Online-Konverter

Für gelegentliche Konvertierungen ist ein Online-Tool am einfachsten:

1. Öffnen Sie einen Browser und navigieren Sie zu einem Bild-Konvertierungsdienst.
2. Laden Sie Ihre PNG-Datei hoch.
3. Wählen Sie WebP als Ausgabeformat.
4. Aktivieren Sie nach Möglichkeit die verlustfreie Komprimierung.
5. Laden Sie das fertige WebP-Bild herunter und überprüfen Sie die Transparenz.

Methode 2: cwebp (Google Kommandozeilentool)

Das offizielle Google-Tool cwebp ist die leistungsstärkste Lösung für Entwickler und Batch-Verarbeitung:

Verlustfreie Konvertierung mit Transparenz:

cwebp -lossless eingabe.png -o ausgabe.webp

Verlustbehaftet mit Transparenz (Qualität 90 %):

cwebp -q 90 -alpha_q 100 eingabe.png -o ausgabe.webp

Ganzen Ordner verlustfrei konvertieren (Linux/macOS):

for f in *.png; do cwebp -lossless "$f" -o "${f%.png}.webp"; done

Methode 3: ImageMagick

ImageMagick unterstützt ebenfalls die WebP-Konvertierung:

convert eingabe.png -define webp:lossless=true ausgabe.webp

Für Stapelverarbeitung:

mogrify -format webp -define webp:lossless=true *.png

Methode 4: Adobe Photoshop und GIMP

• Photoshop: Über Datei > Exportieren > Als WebP exportieren (Plugin erforderlich bei älteren Versionen). Die Transparenz wird korrekt übernommen.
• GIMP: WebP-Export direkt über Datei > Exportieren als mit der Dateiendung .webp. Im Exportdialog können Sie zwischen verlustbehaftet und verlustfrei wählen.

Methode 5: CMS und Build-Tools

• WordPress-Plugins: ShortPixel, Imagify oder EWWW Image Optimizer konvertieren hochgeladene PNG-Bilder automatisch in WebP.
• Webpack / Vite / Gulp: Build-Tools für Webprojekte können Bilder im Build-Prozess automatisch konvertieren, z. B. über das npm-Paket imagemin-webp.
• Next.js und Nuxt.js: Diese Frameworks unterstützen WebP-Konvertierung bei der Bildoptimierung nativ.

Web-Performance-Auswirkungen

Die Auswirkungen auf die Seitengeschwindigkeit sind messbar. Ein typisches PNG-Logo von 50 KB kann als verlustfreies WebP auf 35 KB schrumpfen – ohne sichtbaren Unterschied. Bei einem bildreichen Online-Shop oder einer Portfolio-Website multipliziert sich dieser Effekt: Statt 2 MB lädt die Seite vielleicht nur noch 1,4 MB an Bilddaten. Das verbessert:

• Den Largest Contentful Paint (LCP) – ein Kernwert der Core Web Vitals
• Den Total Blocking Time (TBT) indirekt durch schnellere Renderzeiten
• Die Nutzererfahrung auf mobilen Geräten mit langsamer Verbindung
• Die Platzierung in der Google-Suche, da Seitengeschwindigkeit ein Rankingfaktor ist

Fallback für ältere Browser

Auch wenn die WebP-Unterstützung sehr weit verbreitet ist, empfiehlt sich für maximale Kompatibilität ein HTML-Fallback:

<picture>
  <source srcset="logo.webp" type="image/webp">
  <img src="logo.png" alt="Logo" width="200" height="80">
</picture>

Browser, die WebP unterstützen, laden das WebP-Bild. Alle anderen greifen automatisch auf das PNG zurück.

Fazit

Die Konvertierung von PNG in WebP ist eine der effektivsten Optimierungsmaßnahmen für moderne Websites. Dank verlustfreiem WebP und vollständiger Transparenzunterstützung ist es in nahezu jedem Anwendungsfall ein echtes Upgrade gegenüber PNG – bei deutlich kleineren Dateien. Mit Tools wie cwebp, ImageMagick oder CMS-Plugins lässt sich die Umstellung schnell und automatisiert umsetzen.

Der Weg ohne Upload

Wenn die Datei vertraulich ist, ist der sicherste Weg der, auf dem sie Ihren Rechner gar nicht erst verlässt. Bild umwandeln läuft vollständig im Browser: Die Datei wird von Ihrer Festplatte gelesen, im Arbeitsspeicher verarbeitet und wieder zurückgeschrieben — an einen Server geht nichts.

1. Öffnen Sie Bild umwandeln.
2. Wählen Sie die Datei auf Ihrem Rechner. Sie wird lokal gelesen, nicht hochgeladen.
3. Wählen Sie das Zielformat und bei Bedarf die Qualität.
4. Laden Sie das Ergebnis herunter. Das Original bleibt, wo es war.

Direkt im Browser erledigen — die Datei verlässt Ihr Gerät nicht: Bild umwandeln