SVG in WebP konvertieren Online
SVG-Vektorgrafiken kostenlos in WebP-Rasterbilder umwandeln. Perfekt fuer E-Mails, Social Media und Open Graph. Direkt im Browser.
.webp, .png, .jpg · bis zu 50 MB
Hauptanwendungsfaelle
SVG zu WebP: vom Vektor zum Web in Sekunden
Open Graph und Twitter Cards
Erstelle 1200x630-px-og:image-Assets aus deinem SVG-Design fuer perfekte Vorschauen auf Facebook, Twitter/X und LinkedIn.
Kompatible HTML-E-Mails
E-Mail-Clients unterstuetzen kein SVG. Wandle Logos und Illustrationen in WebP um fuer maximale Kompatibilitaet.
Keine Installation noetig
Online-Alternative zum Export aus Figma, Illustrator oder Sketch. Keine Plugins, keine Accounts, keine Limits.
Benutzerdefinierte Aufloesung
Waehle genau die Pixelgroesse, die du brauchst. Perfekt fuer Banner, Favicons und Thumbnails.
So funktioniert es
Drei Schritte, kein Aufwand
SVG-Datei hochladen
Ziehe deine SVG-Datei ins Feld oder klicke zum Auswaehlen. Funktioniert mit Exporten aus Figma, Illustrator, Sketch oder einem anderen Vektoreditor.
Aufloesung und Qualitaet einstellen
Waehle die Ausgabegroesse in Pixeln. Fuer Open Graph (og:image) ist der Standard 1200x630 px.
WebP herunterladen
Dein WebP-Rasterbild ist sofort einsatzbereit fuer HTML-E-Mails, Twitter/X-Cards, Facebook og:image oder jede Plattform, die eingebettetes SVG nicht unterstuetzt.
FAQ
Noch Fragen?
SVG ist ein Vektorformat (mathematisch definiert, beliebig skalierbar ohne Qualitaetsverlust), waehrend WebP ein Rasterformat (pixelbasiert) ist. Bei der Konvertierung wird der Vektor auf ein Pixelraster gerastert. Die mathematische Praezision des Vektors bleibt erhalten, es wird lediglich eine feste Aufloesung festgelegt. Bei einer Ausgabe von 2000x2000 px oder hoeher ist die visuelle Qualitaet auf jedem Bildschirm hervorragend. Die WebP-Komprimierung verwendet verlustbehaftetes Encoding, aber bei 90 % Qualitaet ist der Unterschied zum Original nur unter extremer Vergrosserung auf Pixelebene sichtbar.
E-Mail-Clients wie Gmail, Outlook, Apple Mail und Yahoo Mail rendern eingebettetes SVG aus Sicherheitsgruenden nicht: SVG kann JavaScript, externe Skripte und andere XSS-Angriffsvektoren enthalten. Diese Einschraenkung ist seit 2016 in den HTML-E-Mail-Richtlinien von Litmus und Campaign Monitor dokumentiert. In E-Mails sind Rasterbilder wie PNG, JPG oder WebP die einzige universell kompatible Option. Das Umwandeln eines SVG-Logos in WebP ist der richtige Workflow fuer HTML-E-Mail-Vorlagen.
Empfohlene Groessen fuer 2025: Facebook og:image und Twitter/X Card 1200x630 px (Verhaeltnis 1,91:1); LinkedIn geteiltes Bild 1200x627 px; Instagram Feed 1080x1080 px (Quadrat) oder 1080x1350 px (Hochformat); Pinterest 1000x1500 px (Verhaeltnis 2:3). Fuer Favicons eignen sich 32x32 oder 64x64 px. Fuer E-Mail-Banner ist die Standardbreite 600 px. Der Export in der exakten Zielaufloesung verhindert, dass Plattformen das Bild neu skalieren und dabei Interpolationsartefakte entstehen.
SVG ist die bessere Wahl, wenn unbegrenzte Skalierbarkeit und minimale Dateigroesse benoetigt werden: Logos auf Websites, Icons in der Benutzeroberflaeche, interaktive Illustrationen mit CSS oder JavaScript sowie Karten. In diesen Faellen ist SVG die richtige Entscheidung. Eine Konvertierung in WebP ist sinnvoll, wenn das Zielformat kein SVG unterstuetzt, etwa in E-Mails, auf den meisten Social-Media-Plattformen oder in einfachen WYSIWYG-Editoren.
Ja. WebP unterstuetzt vollstaendigen Alpha-Kanal wie PNG. Wenn dein SVG einen transparenten Hintergrund hat, behaelt das resultierende WebP diese Transparenz. Das ist besonders nuetzlich fuer Logos und UI-Elemente, die vor verschiedenen Hintergruenden in E-Mails oder Praesentationen platziert werden. Im Gegensatz zu JPG, das keine Transparenz unterstuetzt und mit Weiss fuellt, behaelt WebP den Alpha-Kanal vollstaendig.
Der Konverter rendert das SVG mit der Rendering-Engine des Browsers, die gleiche Engine, die Chrome oder Firefox fuer die SVG-Darstellung auf Webseiten nutzen. Betriebssystem-Schriften sind verfuegbar. Schriften, die ueber @font-face von externen URLs geladen werden, stehen moeglicherweise nicht zur Verfuegung, wenn der Server CORS-Einschraenkungen hat. Fuer zuverlaessiges Schrift-Rendering empfiehlt es sich, Text vor dem SVG-Export in Figma oder Illustrator in Pfade umzuwandeln.
SVG in WebP umwandeln: vom Vektordesign zum optimierten Webbild
SVG (Scalable Vector Graphics) ist ein XML-basiertes Vektorbildformat, das vom W3C in der SVG-1.1-Spezifikation (zweite Ausgabe, August 2011) standardisiert wurde. Vektorgrafiken sind ideal fuer Logos, Icons und Illustrationen, da sie sich ohne Qualitaetsverlust auf beliebige Aufloesung skalieren lassen und ihre Dateien fuer geometrische Grafiken relativ klein sind. SVG hat jedoch wichtige Einschraenkungen im heutigen Web-Oekosystem: E-Mail-Clients blockieren SVG aus Sicherheitsgruenden seit etwa 2016, Social-Media-Plattformen akzeptieren kein SVG fuer Profilbilder oder og:image-Meta-Tags, und viele CMS und Rich-Text-Editoren lassen keine SVG-Uploads zu. WebP, Googles Webbildformat (Spezifikation von 2010, basierend auf VP8), loest all diese Anforderungen: es ist rasterbasiert, unterstuetzt Transparenz und erreicht 2025 eine Browserkompatibilitaet von 97 %.
Der SVG-zu-WebP-Workflow ist besonders relevant fuer Designteams, die mit Figma, Adobe Illustrator oder Sketch arbeiten. Diese Teams exportieren Assets als SVG, um die Vektorqualitaet im Designprozess zu erhalten, benoetigen aber Rasterformate fuer die endgueltige Auslieferung ueber mehrere Kanaele. Die bisherige Alternative war PNG (verlustfrei, aber grosse Dateien) oder JPG (verlustbehaftet und ohne Transparenz). WebP bietet das Beste aus beiden Welten: 25 bis 34 % bessere verlustbehaftete Komprimierung als JPEG oder verlustfreie Komprimierung mit kleineren Dateien als PNG. Fuer og:image-Meta-Tags (Open Graph, Facebooks Spezifikation von 2010) betraegt die empfohlene Groesse 1200x630 px; das direkte Erstellen dieses Assets aus dem Figma-SVG-Design garantiert maximale Qualitaet.
Technisch nutzt die SVG-zu-WebP-Konvertierung im Browser die HTML5-Canvas-API: Das SVG wird mit drawImage() in der gewuenschten Aufloesung auf ein Canvas-Element gerendert und dann ueber toBlob() mit dem MIME-Typ image/webp serialisiert. Dabei wird die native Rendering-Engine des Browsers verwendet, dieselbe Engine, die SVGs auf Webseiten darstellt. SVGs mit Skripten, externen Schriften mit CORS-Einschraenkungen oder sehr komplexen Filtern koennen sich vom erwarteten Ergebnis unterscheiden. Fuer einfache SVGs wie Logos, Icons und flache Illustrationen ist die Wiedergabetreue einwandfrei. Convertir.ai fuehrt den gesamten Prozess lokal aus, ohne das SVG an irgendeinen Server zu senden.