SVG zu WebP
Konvertieren Sie SVG online mit Transparenz in WebP
Erstellen Sie kompakte WebP-Bilder mit einstellbarer Qualität und voller Alpha-Transparenz. Legen Sie die Abmessungen und den Hintergrund fest, konvertieren Sie bis zu 40 SVG-Dateien und behalten Sie den gesamten Auftrag in Ihrem Browser.
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 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.
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.
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 sollte man SVG in WebP umwandeln
Konvertieren Sie SVG in WebP, wenn Sie ein kompaktes Rasterbild für eine moderne Website oder App benötigen. WebP unterstützt volle Alpha-Transparenz und eine anpassbare Qualitätseinstellung, sodass es sowohl für transparente Grafiken als auch für Grafiken im Fotostil funktioniert. Es wird in aktuellen Browsern weitgehend unterstützt. Überprüfen Sie jedoch die Anforderungen aller CMS, E-Mail-Clients oder älteren Anwendungen, die die Datei empfangen.
SVG zu WebP: Dateigröße und Qualitätsabwägungen
Dateigröße
WebP erzeugt bei gleichen Abmessungen oft eine kleinere Datei als PNG, obwohl das Ergebnis von der Grafik und der Qualitätseinstellung abhängt. Im Gegensatz zu JPG kann es die volle Alpha-Transparenz beibehalten, was es für kompakte Webgrafiken mit durchsichtigen Bereichen nützlich macht.
Wann WebP die richtige Wahl ist
WebP ist eine gute Wahl für die moderne Webbereitstellung und wird von aktuellen Browsern weitgehend unterstützt. Verwenden Sie es für Website-Grafiken, Produktfotos und Illustrationen, wenn die Bandbreite wichtig ist und das Ziel WebP akzeptiert.
Wann das SVG statt WebP behalten
SVG behalten, wenn das Asset klein, vektor-nativ (Icons, Logos, Diagramme) oder skalierbar/animierbar sein muss. SVGs lassen sich inline in HTML einbetten und sind bei Icon-Klassen meist sogar kleiner als WebP. Auch behalten, wenn der Konsument ein CMS oder E-Mail-Client ohne verlässliche WebP-Unterstützung ist.
Qualitätsabwägungen
Dieser Konverter verwendet den WebP-Encoder des Browsers mit einstellbarer Qualitätseinstellung. Bei höherer Qualität bleiben mehr Details erhalten; Eine geringere Qualität führt normalerweise zu einer kleineren Datei, kann jedoch die Kanten weicher machen. Die volle Alpha-Transparenz bleibt erhalten, wenn der Browser den WebP-Export unterstützt.
So konvertieren Sie SVG online in WebP
- 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
Unterstützt WebP Transparenz?
Ja. WebP hat volle Alphakanal-Transparenz und verarbeitet SVGs mit durchscheinenden Bereichen genau wie PNG. Wählen Sie beim Export die Hintergrund-Option Transparent.
Wann sollte ich WebP statt PNG verwenden?
Verwenden Sie WebP, wenn Sie eine anpassbare Komprimierung und Alpha-Transparenz für eine moderne Website oder App wünschen. Es erzeugt oft eine kleinere Datei als PNG, aber die Einsparung hängt vom Bild und der Qualitätseinstellung ab. Überprüfen Sie, ob das Ziel WebP akzeptiert, bevor Sie es außerhalb des Webs verwenden.
Hat WebP eine Qualitätseinstellung?
Ja. Der Schieberegler steuert die vom WebP-Encoder Ihres Browsers angeforderte Qualität. Bei höheren Werten bleiben mehr Details erhalten; Niedrigere Werte führen im Allgemeinen zu kleineren Dateien. Nutzen Sie die Vorschau, um die beste Balance für Ihr Kunstwerk auszuwählen.