Feedback

PNG in WebP umwandeln

Wandelt PNG-Dateien in WebP um, mit Transparenz und wahlweise in mehreren Breiten. Für Screenshots und Fotos mit transparentem Hintergrund ist WebP meist deutlich kleiner als PNG.

Bilder oder Ordner hierher ziehen

oder

Bilder werden in Ihrem Browser verarbeitet und nie hochgeladen. Metadaten (auch GPS) werden entfernt, außer Sie wählen „Metadaten behalten“.

Ausgabeformat

Ohne Auswahl bleibt das Format jeder Datei. Mehrere Formate ergeben ein picture-Element. JPEG XL zeigen bisher nur wenige Browser standardmäßig an (Safari ab 17). Es erscheint im Code nur als zusätzliche Quelle.

Größe, mehrere Formate und Code
Größe
Code für die Website

alt="" bitte durch einen passenden Alternativtext ersetzen.

Vorher Nachher

Ab Solo-Tarif

Sind die Bilder ausgetauscht, zeigt die tägliche Messung im Tarif die Wirkung: Labor- und Felddaten je URL im Verlauf, auf Wunsch mit einer E-Mail bei Verbesserung und immer bei Verschlechterung.

WebP mit Transparenz statt großer PNGs

WebP speichert wie PNG einen Alphakanal, komprimiert Fotos und Verläufe aber verlustbehaftet und damit kompakter. Alle aktuellen Browser zeigen WebP an, Safari seit Version 14. Für reine Grafiken mit wenigen Farben kann ein Paletten-PNG trotzdem kleiner sein; der Kompressor zeigt die Größen nebeneinander.

Bilder für Websites: Größen, Formate und srcset

Ein Bild sollte nur so breit sein, wie es angezeigt wird. Die responsive Serie erzeugt Breiten von 480 bis 1.920 Pixeln, der Browser wählt über srcset und sizes die passende. Das picture-Element nennt zuerst AVIF, dann WebP und im img-Element JPG oder PNG als Rückfall.

width und height im img-Element reservieren den Platz, bevor das Bild geladen ist, und verhindern so Layoutverschiebungen (CLS). Für das größte Bild im sichtbaren Bereich, meist das LCP-Element, setzt die Option „LCP-Bild“ fetchpriority="high" und lässt loading="lazy" weg.

Verarbeitung im Browser

Alle Bilder werden auf Ihrem Gerät verarbeitet, nichts wird hochgeladen. Metadaten wie Kameradaten und GPS-Koordinaten entfallen, sofern Sie „Metadaten behalten“ nicht wählen; die Ausrichtung wird vorher in die Pixel übernommen. Die Grenze setzen Arbeitsspeicher und Prozessor des Geräts; Bilder über 50 Megapixel werden übersprungen.

Nach einem Lauf sendet der Kompressor auf Wunsch anonyme Kennzahlen: Format, Größe, Pixelmaße, Ersparnis und Dauer, nie Dateinamen oder Bilder. Der Schalter unter dem Ablagefeld schaltet das ab; bei aktiver Global Privacy Control ist er von vornherein aus.

Weitere Formate

Häufige Fragen

Behält WebP die Transparenz?

Ja. WebP speichert einen Alphakanal, auch verlustbehaftet. Der transparente Bereich bleibt erhalten.

Unterstützen alle Browser WebP?

Alle aktuellen Browser zeigen WebP an, Safari seit Version 14 (Quelle: caniuse.com/webp).

Brauche ich trotzdem ein PNG?

Nur als Rückfall für sehr alte Browser. Im picture-Element steht WebP als source, das PNG im img-Element.

Werden meine Bilder hochgeladen?

Nein. Die Verarbeitung läuft vollständig im Browser. An PerfDelta gehen höchstens anonyme Kennzahlen (Format, Größe, Ersparnis), abschaltbar.

Wie viele Bilder kann ich auf einmal komprimieren?

Es gibt keine feste Grenze. Die Grenze setzen Arbeitsspeicher und Prozessor des Geräts.

Weitere kostenlose Tools

Alle kostenlosen Tools →

Lizenzen von Drittsoftware

Die Kodierung nutzt jSquash (Apache-2.0) mit mozjpeg, libwebp, libavif, libjxl und oxipng, dazu UPNG.js und fflate (MIT). Vollständige Lizenztexte: THIRD_PARTY_LICENSES.txt

Mit einem kostenlosen Konto speichern Sie Ihre Messungen und sehen, wie sich die Werte von Test zu Test verändern. Tägliches Monitoring mit Felddaten und Benachrichtigung gibt es ab dem Tarif Solo.