Wie man JPG oder PNG in WebP umwandelt
Eine WebP-Datei ist bei gleicher visueller Qualität kleiner als ihr Gegenstück in JPG oder PNG, und seit Jahren zeigt sie jeder Browser, der noch Updates erhält, problemlos an. Diese Kombination — echte Ersparnis, kein Kompatibilitätsrisiko für den Betrachter — macht die Umwandlung zu WebP zu einer der einfachsten Änderungen mit dem besten Ergebnis, die Sie an einem Stapel Bilder vornehmen können.
Zwei Dinge lassen die meisten Ratgeber dazu weg, und beide sind wichtig: WebP sind eigentlich zwei Formate unter einer Endung, und es gibt weiterhin bestimmte Stellen, die die Datei rundweg ablehnen. Zuerst die Umwandlung, danach beides.
JPG in WebP umwandeln
Der häufige Fall: Fotos, Produktaufnahmen, alles, was auf eine Webseite soll. Beide Formate sind standardmäßig verlustbehaftet, es ist also ein direkter Tausch.
Als wir dieselbe Fotografie auf beide Arten mit angeglichener Qualität kodiert haben — nicht mit gleicher Qualitätszahl, die nichts misst, sondern nachjustiert, bis beide gleichwertig aussehen —, lag WebP etwa 36 % unter dem JPG. Das passt zu den üblich genannten 25 bis 35 Prozent, und auf einer Seite voller Fotos ist es der Unterschied zwischen schnellem und langsamem Laden.
Zwei praktische Hinweise:
- Ein JPG in WebP umzuwandeln ist ein zweiter verlustbehafteter Durchgang. Streng genommen geht zusätzliches Detail verloren. Bei einer vernünftigen Qualitätseinstellung (80 oder darüber) ist das in normaler Betrachtungsgröße nicht sichtbar, und die Ersparnis ist es wert. Auffällig wird es erst, wenn Sie mehrfach hin- und herwandeln oder die Qualität sehr weit herunterdrehen.
- Wenn Sie das Original noch haben — die RAW-Datei, den Kamera-Export, die Design-Datei —, exportieren Sie WebP von dort. Ein verlustbehafteter Durchgang schlägt zwei, immer.
PNG in WebP umwandeln
Eine völlig andere Aufgabe: Screenshots, Logos, Symbole, Strichzeichnungen, alles mit flacher Farbe, scharfem Text oder transparentem Hintergrund. Die Transparenz übersteht den Weg, was der Hauptgrund ist, aus dem Leute ihn gehen.
Aber hier kommt der Teil, auf den es wirklich ankommt und den fast niemand erklärt: WebP hat zwei völlig getrennte Modi.
- Verlustbehaftetes WebP arbeitet wie JPG: Es nähert an und verschmiert harte Kanten. Gut für Fotos, falsch für Text.
- Verlustfreies WebP ist ein ganz eigener Entwurf, eigens für flache Farben und scharfe Kanten gemacht. Es speichert jedes Pixel exakt und schlägt bei dieser Art Bild PNG deutlich.
Für einen Screenshot wollen Sie den verlustfreien Modus. Die Komplikation: Browserbasierte Konverter, dieser eingeschlossen, erreichen WebP über den Canvas-Encoder des Browsers, und welchen Modus Sie am oberen Ende des Qualitätsbereichs bekommen, hängt vom Browser ab: Firefox wechselt bei maximaler Qualität zu verlustfreiem WebP, und Chromium hat dort ebenfalls einen verlustfreien Pfad — das ist aber Implementierungsverhalten und nichts, was die Seite ausdrücklich anfordern könnte.
Was das praktisch heißt:
- Der PNG-zu-WebP-Konverter startet seinen Qualitätsregler bei 100 statt beim Foto-Standardwert, genau weil dieser Inhalt verlustbehaftete Kodierung bestraft. In dieser Einstellung ist das Ergebnis verlustfrei oder so nah daran, dass flache Farben und Text unversehrt bleiben.
- Wenn Sie eine Garantie auf Pixelgenauigkeit brauchen — ein Logo für ein Markenhandbuch, ein Screenshot, der noch verglichen oder bearbeitet wird —, behalten Sie das PNG. Eine Garantie kann Ihnen ein canvasbasierter Konverter ehrlicherweise nicht geben.
Wo WebP weiterhin abgelehnt wird
Dieser Abschnitt erspart Ihnen die vergebliche Umwandlung, und er fehlt in den meisten Artikeln, weil er dem Verkaufsargument widerspricht.
Die Browser-Unterstützung ist eine erledigte Frage: Jeder Browser, der noch Updates bekommt, stellt WebP dar. Aber ein Format anzuzeigen und einen Upload davon anzunehmen sind zwei verschiedene Probleme, und das zweite ist keineswegs erledigt.
Stellen, die .webp weiterhin regelmäßig ablehnen:
- Upload-Formulare — Behördenportale, Bewerbungssysteme, Versicherungs- und Bankseiten. Viele validieren gegen eine fest eingebaute Liste aus
image/jpegundimage/png. - E-Mail — etliche Desktop- und Webmail-Clients zeigen ein eingebettetes WebP nicht an, ein Newsletter-Bild kann also als kaputter Kasten ankommen.
- Druckdienste — Fotoentwicklung, Visitenkarten, alles, was auf Papier endet, will meist JPG oder TIFF.
- Ältere Desktop-Software — Office-Pakete, Alt-Designwerkzeuge und interne Firmenanwendungen ab einem gewissen Alter.
Nichts davon ist ein Grund, WebP auf Ihrer eigenen Website zu meiden, wo es die richtige Voreinstellung ist. Es ist ein Grund, das JPG für alles zu behalten, was Ihre Website verlässt. Und wenn Sie bereits umgewandelt haben und gegen eine dieser Wände gelaufen sind, ist die Rückumwandlung die Lösung — der WebP-zu-JPG-Konverter und der WebP-zu-PNG-Konverter existieren genau dafür, was Ihnen sagt, wie oft das vorkommt.
Was die Umwandlung außer Pixeln noch wegwirft
Die Umwandlung im Browser funktioniert, indem das Bild dekodiert, auf ein Canvas gezeichnet und aus diesen Pixeln neu kodiert wird. Eine Folge, die überrascht: Die Metadaten überleben das nicht. EXIF — Kameramodell, Aufnahmedatum, Objektiveinstellungen und oft GPS-Koordinaten — wird nicht mitgenommen.
Das schneidet nach beiden Seiten, entscheiden Sie also vor dem Stapellauf, auf welcher Seite Sie stehen:
- Gut, wenn Sie veröffentlichen. GPS-Koordinaten aus einem Foto zu entfernen, bevor es ins Internet geht, ist ein echter Gewinn für die Privatsphäre — und einer, an den kaum jemand denkt.
- Schlecht, wenn Sie archivieren. Aufnahmedaten und Copyright-Felder sind es wert, erhalten zu bleiben. Wandeln Sie eine Arbeitskopie fürs Web um und lassen Sie die Originale unangetastet.
Farbprofile sitzen im selben Boot. Prüfen Sie bei allem, wo Farbe kritisch ist — Druckarbeiten, Produktfotografie, bei der der Ton stimmen muss — eine umgewandelte Datei, bevor Sie den ganzen Satz festlegen.
Animierte GIFs sind eine andere Frage
WebP beherrscht Animation und schlägt GIF dabei deutlich: ein Bruchteil der Größe und Tausende Farben statt 256. Aber eine Animation umzuwandeln ist eine andere Operation als ein Standbild umzuwandeln, und unser Konverter macht das nicht — er verarbeitet Einzelbilder, eine animierte Quelle kommt also nicht als funktionierende Animation heraus.
Wenn Sie das brauchen, ist es Sache eines spezialisierten Animationswerkzeugs. Gut zu wissen, bevor Sie ihm einen Ordner voller GIFs übergeben und sich wundern, warum sich die Ergebnisse nicht bewegen.
Wirkt sich WebP auf SEO aus?
Negativ nicht, leicht positiv schon. Google indexiert WebP-Bilder ganz normal, und es ist das Format, das die eigenen PageSpeed Insights empfehlen, wenn sie zu große Bilder bemängeln. Da das Bildgewicht in den Largest Contentful Paint einfließt, der ein Ranking-Signal ist, hilft ein leichteres Format indirekt.
Nur den Wechsel selbst muss man richtig machen: Wenn Sie eine URL von .jpg auf .webp ändern, ist das eine neue Adresse. Liefern Sie die alte weiter aus oder leiten Sie sie um, damit Sie nicht verlieren, was das Original in der Bildersuche angesammelt hatte.
Die Qualitätszahl lässt sich nicht übertragen
Gut zu wissen, bevor Sie Ihre JPG-Einstellungen übernehmen. Qualität 80 in einem JPG-Encoder und Qualität 80 in einem WebP-Encoder sind Eingaben für verschiedene Algorithmen; sie beschreiben nicht dasselbe visuelle Ergebnis. WebPs Skala läuft in der Regel etwas „heißer“, dieselbe Zahl liefert also tendenziell ein etwas besser aussehendes Bild und eine etwas größere Datei, als Sie aus JPG-Gewohnheit erwarten würden.
Übernehmen Sie Ihre Zahl nicht. Exportieren Sie ein repräsentatives Bild in ein paar Einstellungen, sehen Sie es sich in Anzeigegröße an und entscheiden Sie nach dem, was Sie sehen.
Im Stapel arbeiten
Alles oben Gesagte gilt für ein Bild genauso wie für vierhundert. Legen Sie einen Ordner in den JPG-zu-WebP-Konverter, stellen Sie Format und Qualität einmal ein und nehmen Sie das Ergebnis als ein einziges ZIP mit.
Ein Vorbehalt für gemischte Ordner: Fotos und Screenshots wollen gegensätzliche Einstellungen. Beides mit Qualität 80 durchlaufen zu lassen, macht die Fotos etwas größer als nötig und beschädigt den Text sichtbar. Trennen Sie das in zwei Durchgänge — es kostet eine Minute und ist der Unterschied zwischen einem sauberen Stapel und einer Wiederholung.
Nichts davon wird hochgeladen. Die Umwandlung passiert auf Ihrem eigenen Gerät, was Sie bestätigen können, indem Sie währenddessen den Netzwerk-Tab des Browsers öffnen.
Wo das hingehört
Für den vollständigen Vergleich, einschließlich der Stellen, an denen AVIF WebP schlägt, und der konkreten Fälle, in denen nicht, siehe WebP vs JPG vs PNG vs AVIF und AVIF vs WebP. Wenn Sie das Seitengewicht hergeführt hat, ordnet wie Bildgröße die Geschwindigkeit Ihrer Website beeinflusst die Formatwahl in das gesamte Ladebudget ein.