Bild-zu-WebP-Konverter

Kleinere Bilder mit WebP erstellen

WebP vereint das Beste aus beiden Welten: JPG-ähnliche Kompression für Fotos und PNG-ähnliche Transparenz für Grafiken in einem einzigen modernen Format, das oft 25–35 % kleiner ist als das Original. Kleinere Bilder bedeuten schneller ladende Websites und geringere Bandbreitenkosten.

Dieser Konverter kodiert Ihre PNG- oder JPG-Dateien direkt im Browser mit der Canvas-API in WebP um. Mit dem Qualitätsregler wägen Sie Größe und Detailtreue ab – etwa 75–85 % sind ein ausgezeichneter Standardwert, der sich bei den meisten Bildern optisch nicht vom Original unterscheiden lässt.

Wann Sie WebP einsetzen sollten

WebP ist ideal fürs Web: Produktfotos, Blogbilder, Hero-Banner und Icons profitieren alle von der geringeren Größe. Wenn Sie Bilder an Nutzer mit modernen Browsern ausliefern, ist die Umwandlung in WebP einer der einfachsten Performance-Gewinne. Behalten Sie einen PNG- oder JPG-Fallback nur, wenn Sie sehr alte Software unterstützen müssen.

Die Qualitätseinstellung wählen

Der Regler reicht von 10 bis 100 und startet bei 80. Für Fotos sind 75–85 ein guter Kompromiss. Für Screenshots, Text und scharfe Grafiken probieren Sie 90 oder höher, da niedrige Werte dünne Linien verwischen können. Sie können mehrere Dateien gleichzeitig ablegen; jede wird in voller Auflösung umgewandelt und separat heruntergeladen. Das Tool verändert die Größe nicht – skalieren Sie große Bilder daher vorher, wenn Sie auch kleinere Abmessungen benötigen.

Wissenswertes

• Wird ein vorhandenes JPG in verlustbehaftetes WebP umgewandelt, kommt eine weitere Kompressionsrunde hinzu. Gehen Sie daher wenn möglich vom Original oder einem PNG aus.
• Die Transparenz eines PNG bleibt im WebP-Ergebnis erhalten.
• Die WebP-Kodierung aus einem Canvas hängt vom Browser ab. Kann ein Browser kein WebP kodieren, liefert er unter Umständen stillschweigend ein PNG zurück. Ist die Ausgabe unerwartet groß, probieren Sie eine aktuelle Version von Chrome, Edge oder Firefox.
• Vergleichen Sie das Ergebnis immer in voller Größe mit dem Original, bevor Sie Bilder auf einer Live-Website ersetzen.

WebP auf Ihrer Website verwenden

Alle aktuellen großen Browser können WebP anzeigen, daher ist es für die meisten Zielgruppen unbedenklich. Sie können es direkt in einem img-Tag ausliefern oder ein picture-Element mit einem JPG- oder PNG-Fallback verwenden, falls Sie sehr alte Software unterstützen müssen. Kleinere Bilddateien verbessern außerdem Kennzahlen der Seitengeschwindigkeit wie Largest Contentful Paint, besonders bei Hero-Fotos und Produktgalerien.

Bei einer Serie von Produktfotos oder Blogbildern sorgt ein einheitlicher Qualitätswert für ein konsistentes Erscheinungsbild auf Ihrer gesamten Website. Testen Sie zuerst eine Datei und passen Sie den Regler an, bevor Sie den Rest verarbeiten.