shadcn.io— Tausende fertige shadcn/ui-Blöcke
Zum Werkzeug springen
image.dev
Aus PNG

PNG in WebP umwandeln

WebP speichert dasselbe Bild um ein Vielfaches kompakter als PNG — bei Fotos und Screenshots liegt die Ersparnis meist bei 60–90 % — und bewahrt dabei die Alphatransparenz vollständig. Wenn deine Website noch PNG ausliefert, ist das die sicherste Optimierung, mit der du anfangen solltest.

Zieh PNG-Bilder hierheroder klick zum Auswählen — Einfügen aus der Zwischenablage geht auch

Verarbeitung auf deinem Gerät — Dateien verlassen den Browser nicht

Andere Richtung nötig? WebP in PNG umwandeln

So funktioniert es

Zieh die PNGs in das Tool — Screenshots, Logos, Editor-Exporte — oder füg sie direkt aus der Zwischenablage ein; gern mehrere auf einmal.

Beobachte den Zähler an jeder Datei: bei den voreingestellten Qualität 80 verlieren fotografische PNGs 60–90 % Gewicht, ohne die Transparenz anzutasten.

Schieb den Qualitätsregler, falls die Vorschau darum bittet, und lade jedes WebP einzeln oder alle zusammen als ZIP-Archiv herunter.

PNG vs WebP

Für alles, was im Browser gezeigt wird, ist der Streit längst entschieden: WebP liefert dieselben sichtbaren Pixel für einen Bruchteil der Bytes, Transparenz inklusive. PNG bleibt eine Rolle — das verlustfreie Original zu sein, das du bearbeitest; die veröffentlichte Kopie gehört ins WebP.

PNGWebP
KompressionVerlustfreiVerlustbehaftet oder verlustfrei
TransparenzJa (voller Alphakanal)Ja (voller Alphakanal)
AnimationNeinJa
UnterstützungUniversell — Browser, Editoren, SystemeAlle aktuellen Browser (seit 2020)
Ideal fürLogos, Screenshots, Grafik mit TransparenzWebbilder: Fotos, Thumbnails, UI-Elemente

Häufige Fragen

Auf dieser Seite