ConvertBlink
DE

SVG in WebP: Vektoren rastern, Transparenz behalten

SVG-Vektoren im Browser zu WebP rendern. Behält den Alphakanal, kleiner als PNG, ohne Upload oder Anmeldung. Exportgröße direkt über die SVG steuern.

Browser-nativ
Privatsphäre zuerst
Kostenlos

Jetzt konvertieren

Datei hierher ziehen

oder

Wie es funktioniert

Eine SVG ist kein Bild, sondern eine Bauanleitung: XML-Zeichenbefehle (Pfade, Füllungen, Verläufe, Text), die der Browser in jeder gewünschten Größe neu zeichnet. WebP dagegen ist ein festes Pixelraster. Dieser Konverter verbindet beides: Er lädt Ihre SVG in den nativen Renderer des Browsers, zeichnet sie mit einer festgelegten Auflösung auf ein Canvas und kodiert dieses Canvas als WebP. Da WebP einen echten Alphakanal mitbringt, überstehen transparente und halbtransparente Bereiche des Vektors die Umwandlung, statt auf einen weißen Hintergrund reduziert zu werden. Die Ausgabegröße bestimmt die SVG, sie wird nicht geraten. Das Tool liest zuerst die Attribute width und height am Wurzelelement <svg>; fehlen diese, greift es auf das Seitenverhältnis der viewBox zurück, und wenn beides fehlt, rendert es mit 1024x1024. Die längste Seite wird in jedem Fall auf 4096px begrenzt, damit der Speicher nicht überläuft. Für ein 512px-Icon oder eine 2048px-Grafik setzen Sie diese Maße also vor dem Konvertieren am <svg>-Element. Die WebP-Kodierung ist hier verlustbehaftet (Qualität ~0,92), und genau das bringt die Datei deutlich unter ein vergleichbares PNG. Bei flächigen Logos, Icons und Strichzeichnungen ist der Unterschied praktisch nicht sichtbar; bei fotografischen Verläufen können die Kanten leicht weicher wirken. Alles läuft per JavaScript auf Ihrem eigenen Rechner, die SVG wird also nie hochgeladen, und es gibt weder Wasserzeichen noch Dateilimit.

Verwandte Konvertierungs-Tools

Entdecken Sie weitere leistungsstarke Konverter, die für Ihren Workflow nützlich sein könnten

SVG in JPEG: Vektorgrafik auf weißem Grund rastern

SVG-Vektordateien im Browser zu JPEG rastern. Transparenz wird auf Weiß reduziert, die Ausgabe ist verlustbehaftet bei Qualität 0,92. Ohne Upload, ohne Wasserzeichen.

.svg
Jetzt testen

SVG in PNG umwandeln: Vektoren im Browser rastern

SVG-Vektordateien direkt im Browser in PNG-Bitmaps rastern. Behält den Alphakanal, steuert die Ausgabegröße. Ohne Upload, ohne Wasserzeichen, ohne Anmeldung.

.svg
Jetzt testen

Bild in WebP umwandeln: JPG, PNG, BMP, GIF zu WebP

JPG, PNG, BMP oder GIF direkt im Browser in WebP umwandeln. Verlustbehaftetes WebP für kleinere Dateien und schnellere Ladezeiten. Kein Upload, voll privat, auch offline.

.jpg.jpeg +3
Jetzt testen

JPEG in WebP umwandeln: Fotos fürs Web verkleinern

JPEG-Fotos direkt im Browser in WebP umwandeln und Seiten leichter machen. Verlustbehaftete Neukodierung, kein Upload, Dateien bleiben auf deinem Gerät. Kostenlos und offline.

.jpg.jpeg
Jetzt testen

WebP komprimieren: vorhandene Datei kleiner machen

Vorhandene WebP-Dateien direkt im Browser zu einer kleineren WebP neu komprimieren. Verlustbehaftetes Re-Encoding mit Qualität 82, wird nie größer, keine Uploads, vollständig privat.

.webp
Jetzt testen

Bild verkleinern: JPG, PNG, WebP komprimieren, Format bleibt

JPG, PNG oder WebP komprimieren, ohne das Format zu ändern. PNG bleibt mit oxipng echt verlustfrei; JPEG und WebP werden kleiner neu kodiert. Läuft im Browser, kein Upload.

.jpg.jpeg +2
Jetzt testen

MehrSVG

svg → jpgsvg → png

Konvertieren zuWEBP

canvas → webpjpeg → webppng → webp
Alle Konverter anzeigen

Funktionen

  • Keine Datei-Uploads erforderlich
  • 100% datenschutzorientiert
  • Browser-basiert
  • Schnelle Verarbeitung
  • Für immer kostenlos

Unterstützte Formate

.svg

Ausgabe: WebP

Technische Spezifikationen

input Format SVG (Scalable Vector Graphics, XML-Markup)
output Format WebP (Rasterbild mit Alpha)
compression Type Verlustbehaftete WebP-Kodierung (VP8-basiert, ~0,92 Qualität) nach Rasterung des Vektors
quality Retention Visuell hoch bei flächiger Grafik, Logos und Icons; die Kodierung ist bewusst verlustbehaftet für kleinere Dateien
color Space Support sRGB mit vollem 8-Bit-Alphakanal für Transparenz
max Resolution Nur durch den Speicher Ihres Geräts begrenzt (längste Seite auf 4096px gedeckelt; Vorgabe 1024x1024, wenn die SVG keine Größe angibt)
processing Time Sofort, läuft in Ihrem Browser

Hauptvorteile

  • Kleinere Dateien als PNG bei gleichen Maßen, mit erhaltener Transparenz
  • Echter Alphakanal bleibt erhalten, kein weißer Kasten hinter Ihrem Logo
  • Sie steuern die Exportauflösung über width und height der SVG
  • Läuft vollständig in Ihrem Browser, die SVG wird nie hochgeladen
  • Kein Wasserzeichen, kein Konto und keine Grenze bei der Anzahl der Dateien
  • Funktioniert auf jedem Gerät mit aktuellem Browser, ob Desktop oder Mobil

Häufige Anwendungsfälle

  • Vektorlogos als leichtgewichtiges WebP auf Website oder Web-App ausspielen
  • Schwerere transparente PNGs ersetzen, um Seitengewicht und Ladezeiten zu senken
  • Icons und Badges fester Größe aus einer einzigen skalierbaren Quelle erzeugen
  • Grafiken für Plattformen und Werbesysteme exportieren, die keine SVG-Uploads zulassen
  • WebP-Thumbnails oder Vorschauen einer SVG-Asset-Bibliothek erstellen
  • Transparente Produkt- oder UI-Grafiken für moderne Frontends ausliefern

Profi-Tipps

  • Setzen Sie konkrete Pixelwerte für width und height am Wurzelelement <svg>, um die genaue Ausgabegröße festzulegen
  • Wandeln Sie Text vor dem Export in Pfade um, damit Schrift auch ohne geladene Webfont korrekt erscheint
  • Betten Sie externe Rastergrafiken oder CSS als Data-URIs in die SVG ein, um fehlende Assets zu vermeiden
  • Exportieren Sie in der größten Größe, die Sie brauchen; ein WebP-Raster lässt sich später nicht sauber hochskalieren
  • Bewahren Sie die Original-SVG für alles auf, was editierbar oder beliebig skalierbar bleiben muss
  • Sie brauchen pixelgenaue, verlustfreie Ausgabe? Nutzen Sie SVG zu PNG statt WebP

Häufig gestellte Fragen

SVG ist die richtige Wahl, wenn etwas beliebig skalieren oder editierbar bleiben muss. Viele Systeme stellen sie aber schlicht nicht dar: Werbenetzwerke, viele CMS-Bildfelder, App-Store-Assets, Marktplatz-Listings und E-Mail-Programme. WebP liefert ein Raster fester Größe, das diese Systeme akzeptieren - mit weniger Bytes als das PNG, zu dem Sie sonst greifen würden, und unter Erhalt der Transparenz.
Ja. WebP hat einen vollen 8-Bit-Alphakanal, daher werden transparente und halbtransparente Flächen genau so dargestellt wie im Vektor. Das ist der Hauptgrund, WebP statt JPG zu wählen, denn JPG kennt keinen Alphakanal und würde jeden transparenten Bereich mit einer Farbe füllen.
Dieses Tool kodiert verlustbehaftetes WebP (Qualität rund 0,92), und genau dadurch wird die Ausgabe spürbar kleiner als ein PNG gleicher Maße. Bei flächigen Logos, Icons und Strichzeichnungen ist der Qualitätsverlust meist nicht wahrnehmbar. Wenn Sie pixelgenaue Ausgabe zum Archivieren oder Weiterbearbeiten brauchen, exportieren Sie stattdessen als PNG, das verlustfrei ist.
Die Auflösung ergibt sich zuerst aus den Attributen width und height der SVG, dann aus dem Seitenverhältnis der viewBox, und fällt auf 1024x1024 zurück, wenn beides fehlt. Die längste Seite wird auf 4096px begrenzt. Für eine exakte Größe setzen Sie konkrete width- und height-Werte (in Pixeln, nicht in Prozent) am Wurzelelement <svg>, bevor Sie konvertieren. Ein Raster lässt sich nachträglich nicht sauber hochskalieren, exportieren Sie also gleich in der größten Größe, die Sie wirklich nutzen.
Text wird mit Schriften gerendert, die der Browser auflösen kann. Eine Webfont, die nicht installiert oder geladen ist, fällt daher auf eine Systemschrift zurück und kann das Layout verschieben. SVGs, die externe Bilder oder Stylesheets per URL einbinden, können ebenfalls unvollständig erscheinen, da die Umwandlung in einem isolierten Kontext abläuft. Für zuverlässige Ergebnisse wandeln Sie Text vorab in Pfade um und betten Rastergrafiken als Data-URIs in die SVG ein.
Nein. Dekodieren, Rendern und WebP-Kodieren passieren komplett lokal in Ihrem Browser. Die SVG erreicht keinen Server, was die Umwandlung sicher für Kundenlogos, Markenmaterial und unveröffentlichte Designs macht.
WebP funktioniert in allen aktuellen Browsern sowie den meisten modernen Apps und Plattformen. Lücken gibt es bei älterer Software, einigen alten E-Mail-Programmen und manchen Desktop-Bildbetrachtern. Falls Sie eines davon anvisieren, exportieren Sie für maximale Kompatibilität als PNG; beide behalten die Transparenz.
Wenn die SVG ihre Größe mit Einheiten wie Prozent oder em angibt oder sich nur auf eine viewBox stützt, kann die gerenderte Pixelgröße von Ihrer Erwartung abweichen. Setzen Sie konkrete Pixelwerte für width und height am Wurzelelement <svg> und konvertieren Sie erneut, um eine vorhersehbare Ausgabeauflösung zu erhalten.