WebP in SVG umwandeln
WebP besteht aus Pixeln, SVG aus Formen – einen verlustfreien Wechsel zwischen beiden gibt es daher nicht. Diese Seite zeichnet Ihr WebP in echte Vektorpfade nach, die Sie skalieren, umfärben und schneiden können. Das funktioniert am besten bei Logos, Icons und flachen Illustrationen.
Bild in SVG
oder JPG, JPEG, JFIF …-Dateien hierher ziehen ·
Max. 95 MB pro Datei· Bis zu 20 Dateien· Gelöscht nach 30 Minuten
Dateien werden auf unseren Servern verarbeitet und nach 30 Minuten gelöscht.
Höher behält kleine Flecken und feine Strukturen; niedriger verwirft Formen unter wenigen Pixeln und bereinigt Rauschen.
Höher rundet gezackte Kanten bei niedrig aufgelösten oder JPG-Vorlagen ab; niedriger behält scharfe Ecken.
Glatte Kurven für die meisten Bilder, gerade Segmente für geometrische Logos, Pixelkanten, damit Pixelart blockig bleibt.
Nur für PDF-Eingabe: welche Seiten umgewandelt werden, z. B. 1 oder 1-3, 5. Jede Seite wird eine eigene Datei.
So verwenden Sie dieses Tool
- 1
WebP hochladen
Fügen Sie ein Logo, ein Icon oder einen Sticker hinzu, das Sie von einer Website gespeichert haben, bis zu 20 Dateien mit je 95 MB. Größere, sauberere Ausgangsbilder lassen sich besser vektorisieren.
- 2
Farbanzahl festlegen
Anzahl der Farben steht zu Beginn auf 12, das reicht für die meisten Logos. Verringern Sie den Wert für ein zweifarbiges Zeichen oder stellen Sie Farbmodus auf Schwarzweiß ein, um eine einfarbige Schneidedatei zu erhalten.
- 3
In SVG vektorisieren
Klicken Sie auf Vektorisieren in SVG und laden Sie die Dateien herunter. Öffnen Sie sie in Inkscape, Illustrator, Figma oder Cricut Design Space, um die Formen zu prüfen.
Kann man WebP wirklich in SVG umwandeln?
Nur durch Vektorisieren. WebP speichert Pixel, SVG speichert Formen. Dieses Tool zeichnet die Farben Ihres WebP als Vektorpfade nach; alles, was nur die Datei umbenennt oder das Bitmap einbettet, liefert eine SVG-Datei, die beim Vergrößern weiterhin unscharf wird.
WebP in SVG umwandeln: Nachzeichnen oder Einbetten
WebP, 2010 von Google veröffentlicht, ist ein Rasterformat: ein Gitter aus farbigen Pixeln, komprimiert für schnelle Auslieferung im Web. SVG, seit 2001 ein W3C-Standard, beschreibt Linien, Kurven und Füllungen als Text. Das eine ins andere zu überführen, geht auf zwei sehr unterschiedliche Arten, und die meisten kostenlosen Konverter wählen die, die Ihnen nichts nützt.
Beim Einbetten entsteht eine SVG-Datei, die das WebP als Base64-Text enthält. Base64 bläht das Bild um etwa ein Drittel auf, und das Ergebnis bleibt ein Bitmap mit Vektor-Etikett. Beim Vektorisieren, der Methode hier und in der Funktion „Bitmap nachzeichnen“ von Inkscape, die auf dem Potrace-Algorithmus basiert, werden Farbflächen erkannt und als Pfade geschrieben. Das Ergebnis ist wirklich skalierbar und bearbeitbar, allerdings auf Kosten feiner Details. Unsere Anleitung Bild in SVG erklärt jede Einstellung der Vektorisierung.
Nachgezeichnete SVG vs. eingebettetes WebP: Was jede Datei kann
| Vektorisierte SVG | SVG mit eingebettetem WebP | Original-WebP | |
|---|---|---|---|
| Scharf bei jeder Vergrößerung | yes | no | no |
| Formen in Illustrator oder Inkscape bearbeitbar | yes | no | no |
| Als Schneidepfade für Cricut oder Laser nutzbar | yes | no | no |
| Behält Fotodetails | no | yes | yes |
| Typische Dateigröße | Wächst mit den Details | Etwa ⅓ größer als das WebP | Am kleinsten |
WebP dekodieren
Pixel und Alphakanal werden gelesen; transparente Bereiche werden beiseitegelegt.
Farben gruppieren
Ähnliche Pixel werden auf die gewählte Anzahl der Farben zusammengefasst.
Pfade zeichnen
Jede Farbfläche wird zu geglätteten Kurven und in eine optimierte SVG-Datei geschrieben.
WEBP
WebP-Bild
WebP ist ein Bildformat, das Google 2010 veröffentlichte, damit Webseiten schneller laden. Es unterstützt verlustbehaftete und verlustfreie Kompression, Alpha-Transparenz und Animation in einem einzigen Format. Verlustbehaftete WebP-Dateien sind bei ähnlicher Bildqualität meist 25–35 % kleiner als JPEGs, verlustfreies WebP ist meist kleiner als PNG. Alle aktuellen Browser unterstützen es, manche ältere Desktop-Software, Druckdienste und Upload-Formulare lehnen es aber noch ab. Windows, macOS und die meisten modernen Bildbearbeitungen öffnen WebP-Dateien.
- Komprimierung
- Verlustbehaftet oder verlustfrei
- Transparenz
- Ja
- Animation
- Ja
- Eingeführt
- 2010 · Google
SVG
Scalable Vector Graphics
SVG ist ein XML-basiertes Vektorformat, das das W3C 2001 standardisiert hat. Statt Pixeln beschreibt es Formen, Pfade und Text, bleibt daher in jeder Größe scharf und ist bei Logos und Icons meist winzig. Es unterstützt Transparenz, CSS-Formatierung, Skripte und Animation, und jeder Browser stellt es nativ dar. Für Fotos ist SVG ungeeignet, und komplexe Illustrationen können langsam rendern. Illustrator, Inkscape, Figma und Browser können es öffnen und bearbeiten.
- Komprimierung
- –
- Transparenz
- Ja
- Animation
- Ja
- Eingeführt
- 2001 · W3C
Nach WebP in SVG wird gesucht, wenn ein Logo oder Icon von einer Website skalierbar, bearbeitbar oder schneidbar werden soll, was nur eine Vektorisierung leisten kann; die Gegenrichtung ist eine einfache Rasterung fürs Web.
Saubere SVG aus einem WebP von einer Website erhalten
Die meisten WebP-Dateien, die Leute als Vektor haben wollen, wurden von einer Website heruntergeladen. Das heißt, sie wurden für eine Seite skaliert und verlustbehaftet komprimiert. Kompressionsrauschen an den Kanten wird zu winzigen Streuformen, und kleine Bilder geben der Vektorisierung zu wenige Pixel, um eine glatte Kurve zu finden. Beginnen Sie mit der größten Kopie, die Sie finden; die Presse- oder Markenseite einer Website bietet oft eine größere Version oder das SVG-Original.
Lassen Sie Glättung bei Logos mit Rundungen ungefähr auf dem Standardwert und stellen Sie Kurven bei geometrischen Zeichen mit geraden Kanten auf Gerade Linien. Löschen Sie nach dem Vektorisieren übrig gebliebene Flecken in Ihrem Editor. Wenn das Bild nur irgendwo geöffnet werden und nicht skalieren muss, ist WebP in PNG der schnellere, exakte Weg.
Fragen zu WebP in SVG
Warum liefern andere WebP-in-SVG-Konverter eine unscharfe Datei?
Viele von ihnen betten das WebP als eingebettetes Bild in eine SVG-Datei ein und ändern nur die Endung. Die Datei öffnet sich als SVG, besteht aber weiterhin aus Pixeln: Beim Vergrößern wird sie unscharf und enthält keine bearbeitbaren Formen. Öffnen Sie die Datei in einem Texteditor: Ein langer data:image-String bedeutet, dass nichts vektorisiert wurde.
Kann ich ein WebP-Foto in SVG umwandeln?
Das ist möglich, aber das Ergebnis wirkt wie ein Poster: Weiche Farbverläufe und Hauttöne werden zu flachen Farbbändern. Fotos sind der Anwendungsbereich von Rasterformaten. Behalten Sie das Foto als WebP, JPG oder PNG und vektorisieren Sie nur das Logo, die Kontur oder die Illustration, die Sie wirklich als Vektor brauchen.
Bleibt der transparente Hintergrund meines WebP transparent?
Ja. Transparente Pixel erzeugen keine Formen, deshalb liegt hinter der vektorisierten Grafik nichts. Das ist meist genau das, was Sie für einen Sticker oder ein Logo auf farbigem Hintergrund brauchen.
Mit wie vielen Farben sollte ich ein WebP-Logo vektorisieren?
Zählen Sie die flachen Farben, die Sie sehen, und addieren Sie zwei oder drei für die geglätteten Kanten. Ein zweifarbiges Logo wird mit 4 sauber vektorisiert; eine Maskottchen-Illustration braucht eventuell 16 bis 24. Zu viele Farben erzeugen dünne Splitterformen entlang jeder Kante.
Kann ich die SVG mit einem Cricut oder Laserschneider nutzen?
Ja, das ist einer der Hauptgründe fürs Vektorisieren. Cricut Design Space importiert SVG als separate Ebenen pro Farbe, und Lasersoftware liest die Pfade als Schneide- oder Gravurlinien. Verwenden Sie Schwarzweiß mit Nur Konturen, wenn Sie eine einzelne Schnittlinie brauchen.
Warum wirkt meine vektorisierte SVG im Vergleich zum Original-Logo unruhig?
WebP-Dateien mit niedriger Auflösung von Websites sind oft nur 100 bis 200 px breit, sodass die Vektorisierung Kurven aus wenigen Pixeln erraten muss. Suchen Sie eine größere Kopie des Logos oder vergrößern Sie es zuerst mit Bildgröße erhöhen und vektorisieren Sie dann erneut.
- PNG kostenlos in SVG umwandelnPNG kostenlos ohne Konto in SVG umwandeln: Logos, Icons und Strichgrafiken vektorisieren. Farbe, Graustufen oder Schwarzweiß, Farbanzahl wählbar.
- JPG in SVG umwandelnJPG in SVG umwandeln: Das Bild wird zu bearbeitbaren Vektorformen nachgezeichnet, nicht eingebettet. Farbanzahl, Glättung, Hintergrund entfernen.
- AVIF in SVG umwandelnAVIF-Bild in eine SVG-Datei packen für Tools, die nur SVG annehmen – und wann echtes Vektorisieren nötig ist. 20 Dateien pro Durchgang, Löschung nach 30 Min.
- Foto in SVG umwandelnFoto in SVG umwandeln: flächige Vektorgrafik für Schablonen, Lasergravur, Vinylfolie und Siebdruck. Wenige Farben, glatte Kurven, ohne Hintergrund.
- WebP in PNG umwandelnWebP in PNG umwandeln, ohne Transparenz zu verlieren. Logos, Sticker und Freisteller bleiben transparent; animiertes WebP: erster oder jeder Frame.
- SVG in WebP umwandelnSVG in WebP umwandeln, in der Breite, die Ihre Seite braucht, mit Transparenz. Verlustbehaftet oder verlustfrei für WordPress und Social-Vorschauen.