UltKit

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

Ausgabe
12

Dateien werden auf unseren Servern verarbeitet und nach 30 Minuten gelöscht.

So verwenden Sie dieses Tool

  1. 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. 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. 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.

Antwort

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 SVGSVG mit eingebettetem WebPOriginal-WebP
Scharf bei jeder Vergrößerungyesnono
Formen in Illustrator oder Inkscape bearbeitbaryesnono
Als Schneidepfade für Cricut oder Laser nutzbaryesnono
Behält Fotodetailsnoyesyes
Typische DateigrößeWächst mit den DetailsEtwa ⅓ größer als das WebPAm kleinsten
  1. WebP dekodieren

    Pixel und Alphakanal werden gelesen; transparente Bereiche werden beiseitegelegt.

  2. Farben gruppieren

    Ähnliche Pixel werden auf die gewählte Anzahl der Farben zusammengefasst.

  3. 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
WEBP-Konverter

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
SVG-Konverter

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.