Was ist die SVG-zu-WebP-Umwandlung?
Dieses Tool rastert einen SVG-Vektor in eine WebP-Bitmap. Da SVG mit mathematischen Pfaden beschrieben wird und unbegrenzt skaliert, wählst du zuerst die Ausgabegröße und es bleibt in jeder Auflösung scharf. Alles geschieht lokal im Browser, ohne Upload. WebP ist ein modernes Web-Format von Google, das Transparenz und stärkere Kompression vereint und meist 25–35 % kleiner als JPG oder PNG ist. Ideal, um Websites zu beschleunigen – einige ältere Programme unterstützen es jedoch nicht.
So funktioniert es
- SVG-Dateien auswählen oder hineinziehen (mehrere möglich).
- Ausgabebreite wählen (die Höhe ergibt sich automatisch aus dem Seitenverhältnis).
- Auf Herunterladen klicken, um das WebP zu speichern; mehrere Dateien lassen sich als ZIP bündeln.
Warum du zuerst eine Größe wählst
Ein SVG hat keine eigenen festen Pixel — beim Umwandeln in ein Rasterformat wie WebP musst du also festlegen, mit wie vielen Pixeln gerendert wird. Verlässt du dich auf die winzige eingebaute Größe (bei Icons oft 24×24), wirkt das Ergebnis klein und unscharf. Eine größere Breite vor dem Rastern zu wählen liefert ein scharfes, hochauflösendes Ergebnis — genau das, was „svg to webp in hoher Qualität" wirklich braucht.
SVG ist doch kleiner und schärfer — warum dann WebP?
Berechtigte Frage — wenn das Ziel SVG akzeptiert, brauchst du oft gar nicht umzuwandeln: SVG ist meist kleiner und skaliert unbegrenzt ohne Unschärfe. Du wandelst fast immer deshalb in WebP um, weil das Ziel SVG ablehnt:
- Viele Social-Plattformen, Marktplätze, Kommentarfelder und ältere CMS sperren .svg-Uploads (oft mit Verweis auf Sicherheit), nehmen WebP aber bereitwillig an.
- Stützt sich das SVG auf externe Schriften oder Filter, kann es anderswo abweichend dargestellt werden; das Rastern zu WebP friert das Aussehen ein — was du siehst, wird ausgeliefert.
WebPs Vorteil ist, Transparenz zu behalten und dabei klein zu bleiben — die erste Wahl, wenn du ein SVG rastern musst; greif nur bei sehr alten Umgebungen ohne WebP-Unterstützung auf PNG zurück. Wie bei SVG-zu-PNG: Leg die Ausgabegröße zuerst fest — einmal gerastert, lässt es sich nicht wieder hochskalieren.
Das kleinste der drei – warum also nicht Standard?
Gemessen ist dies der günstigste Ausgang: 574 B → 6.6 KB (+1082%), gegen 13.2 KB bei JPG und 17.9 KB bei PNG — WebP ist knapp ein Drittel des PNG und behält gleichzeitig die Transparenz, was JPG nicht kann. Warum also nicht immer so? Weil Kompatibilität hier die einzige echte Variable ist. WebP war vor Safari 14 (2020) nicht unterstützt, und manche Desktop-Software, CMS-Upload-Felder und E-Mail-Clients lehnen es bis heute ab. Der praktische Test: Kontrollierst du, wo es angezeigt wird? Eigene Seite → WebP nutzen, bei breitem Publikum mit <picture>-Fallback. An jemanden senden, in ein fremdes System einfügen oder einfach unsicher → PNG ist weit größer und wird von niemandem abgelehnt. Beachte auch +1082%: Selbst am günstigsten Ausgang kostet Rastern mehr als das Zehnfache — deshalb muss das originale SVG erhalten bleiben.