WebP zu SVG
Konvertieren Sie WebP in SVG mit einem Online-Vektorisierer
Verfolgen Sie WebP-Logos, Symbole, Illustrationen und andere Webgrafiken in skalierbare SVG-Pfade. Wählen Sie den Farb- oder Schwarzweißmodus und passen Sie dann die Detailgenauigkeit und Rauschunterdrückung für die Quelle an.
Standardwerte für neue Dateien werden bearbeitet
Vorschau
Keine Vorschau. Dateien hinzufügen und auswählen, um Ergebnisse zu sehen.
Noch keine Dateien. Dateien oben ablegen oder DATEIEN AUSWÄHLEN klicken.
Was ist WebP?
WebP ist ein modernes, von Google entwickeltes Rasterbildformat, das sowohl verlustbehaftete als auch verlustfreie Komprimierung sowie vollständige Alpha-Transparenz unterstützt. Es kann kompakte Dateien erzeugen und dabei eine gute visuelle Qualität beibehalten, was es zu einer beliebten Wahl für die Bereitstellung im Internet macht.
Was ist SVG?
SVG (Scalable Vector Graphics) ist ein XML-basiertes Vektor-Bildformat. Anstelle von Pixeln beschreibt eine SVG-Datei Formen, Pfade, Füllungen und Konturen mathematisch und kann daher in jeder Größe ohne Qualitätsverlust gerendert werden.
SVG ist das Standard-Vektorformat für das Web. Es wird von allen modernen Browsern nativ unterstützt und lässt sich mit CSS gestalten oder mit JavaScript beziehungsweise SMIL animieren. Für Logos, Icons und Illustrationen ist es oft kompakt; komplexe SVG-Dateien können jedoch groß werden.
SVG vs. Rasterformate
Vektor-Grafiken (SVG) und Raster-Grafiken (PNG, JPG) lösen unterschiedliche Probleme. Welches Format das richtige ist, hängt vom Verwendungszweck ab.
| Eigenschaft | SVG | PNG / JPG | ICO / ICNS |
|---|---|---|---|
| Skalierung | Auflösungsunabhängig | Verschwommen beim Vergrößern | Vorgerendert in festen Größen |
| Dateigröße | Klein bei Formen und Icons | Wächst mit der Auflösung | Bündel vorgerenderter Raster |
| Bearbeitung | Als Text oder in Vektor-Tools editierbar | Nur Pixel-Bearbeitung | Größen einzeln bearbeiten und neu packen |
| Animation | CSS, SMIL, JavaScript | Eingeschränkt (animiertes PNG/GIF) | Nicht unterstützt |
| Transparenz | Ja | PNG ja, JPG nein | Ja (PNG-basiert) |
Wann WebP in SVG umwandeln
WebP zu SVG konvertieren, wenn ein modernes Webbild als Logo, Icon oder Druck-Asset verwendet werden soll. Der verlustbehaftete Modus von WebP kann eine leichte Glättung erzeugen, der der Tracer folgt; sehr niedrig komprimiertes WebP braucht daher manchmal eine höhere Rauschreduzierung. Transparentes WebP wird sauber getracet, der Alpha-Kanal bleibt in der Ausgabe erhalten.
WebP zu SVG: Dateigröße und Qualitätsabwägungen
Dateigröße
Einfache WebP-Logos und -Symbole können auf kompakte SVG-Dateien zurückgeführt werden. Detaillierte oder fotografische WebP-Bilder erzeugen mehr Formen und können zu einem größeren Ergebnis führen, insbesondere wenn die Quelle viele Farben oder subtile Farbverläufe verwendet.
Wann SVG das Original-WebP schlägt
In SVG umwandeln, wenn das WebP ein Logo, Sticker oder Icon ist, besonders ein transparentes. Skalierung, Umfärbung und Styling werden trivial, sobald das Asset Vektor ist. SVGs lassen sich auch direkt in HTML einbetten, was im Vergleich zu einer separaten WebP-Datei einen Roundtrip spart.
Wann das Original-WebP behalten
Behalten Sie den WebP für Fotos oder andere Bilder, bei denen kompakte Bytes auf der Leitung wichtiger sind als Skalierbarkeit. Der verlustbehaftete Modus von WebP ist normalerweise kleiner als der entsprechende SVG für komplexe Grafiken und kann schneller zu dekodieren sein als ein SVG mit Tausenden von Pfaden.
Qualitätsabwägungen
Verlustfreie WebP-Spuren sauber: Der SVG ist so scharf, wie es die Quelle zulässt. Der verlustbehaftete WebP verfügt über eine subtile Glättung, die der Tracer als zusätzliche Farbbereiche lesen kann. Erhöhen Sie den Farbverlaufsschritt, um sie zusammenzuführen. Transparente Bereiche können klar bleiben, während weiche halbtransparente Kanten durch das Nachzeichnen angenähert werden können.
WebP online zu SVG konvertieren
- 1
Dateien ablegen oder DATEIEN AUSWÄHLEN klicken, um sie der Warteschlange hinzuzufügen. Bis zu 40 auf einmal.
- 2
Die Ausgabeoptionen setzen (Größe, DPI, Hintergrund, Qualität oder Detailgrad des Tracings) und die Live-Vorschau aktualisiert sich.
- 3
Auf ALLE SPEICHERN klicken, um das Ergebnis herunterzuladen, oder ein einzelnes ZIP, wenn die Warteschlange mehr als eine Datei enthält.
Datenschutz: Ihre Dateien verlassen den Browser nicht
Die Konvertierung erfolgt lokal in Ihrem Browser mit JavaScript und WebAssembly. Es erfolgt kein Datei-Upload oder eine serverseitige Konvertierung, sodass die von Ihnen hinzugefügten Dateien auf Ihrem Gerät verbleiben.
Die lokale Verarbeitung trägt zum Schutz vertraulicher Logos, interner Dokumente und unveröffentlichter Kundengrafiken bei. Seiten und Konvertierungscode werden zwischengespeichert, während Sie sie verwenden, sodass bereits geöffnete Tools ohne Netzwerkverbindung weiterarbeiten können.
Häufige Fragen
Überträgt sich die WebP-Transparenz auf das SVG?
WebP unterstützt volle Alpha-Transparenz und klare Bereiche können in der SVG-Ausgabe transparent bleiben. Da beim Nachzeichnen Pixel mit Pfaden angenähert werden, prüfen Sie in der Vorschau die weichen, halbtransparenten Kanten.
Farb- oder Schwarzweißmodus für WebP?
Farbe funktioniert am besten für Logos, Illustrationen und alles mit mehreren Füllungen. Schwarzweiß ergibt eine saubere Silhouette für Strichzeichnungen und Scans. Der S&W-Schwellenwert-Regler bestimmt, wo die Grenze zwischen Schwarz und Weiß liegt.
Wird das SVG kleiner sein als das ursprüngliche WebP?
Bei einfachen Grafiken (Logos, Icons) meistens ja, und das SVG skaliert ohne Qualitätsverlust. Bei fotografischem WebP kann das SVG größer sein, weil jede getrackte Form einen Pfad ergibt. Nutze das Compact-Preset oder erhöhe die Rauschreduzierung, um das SVG klein zu halten.