SVG zu WebP
SVG zu WebP mit voller Alpha-Transparenz konvertieren
Exportieren Sie SVG zu modernem WebP, kleinere Dateien als PNG bei vergleichbarer Qualität, mit voller Alpha-Transparenz. Für Webentwickler, die schnell ladende Produktions-Assets ausliefern.
Standardwerte für neue Dateien werden bearbeitet
Vorschau
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 jedem modernen Browser nativ unterstützt, kann mit CSS gestylt, mit JavaScript oder SMIL animiert werden und ist in der Regel deutlich kleiner als ein vergleichbares Rasterbild.
Was ist WebP?
WebP ist ein modernes, von Google entwickeltes Rasterformat, das sowohl verlustbehaftete als auch verlustfreie Kompression sowie volle Alpha-Transparenz unterstützt. WebP-Dateien sind bei vergleichbarer Qualität typischerweise 25-35 % kleiner als entsprechende PNGs oder JPGs, ideal für Web-Auslieferung.
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
WebP bietet PNG-Klassen-Transparenz bei JPG-Klassen-Dateigrößen - typisch 25-35 % kleiner als PNG und 10-25 % kleiner als JPG bei vergleichbarer sichtbarer Qualität. SVG zu WebP konvertieren beim Ausliefern von Grafiken an eine moderne Website oder App. Jeder aktuelle Browser unterstützt es (Chrome, Firefox, Safari ≥ 14, Edge), und Nutzer sehen merklich kleinere Payloads ohne wahrnehmbaren Qualitätsverlust.
SVG zu WebP: Dateigröße und Qualitätsabwägungen
Dateigröße
WebP ist typisch 25-35% kleiner als das äquivalente PNG und 10-25% kleiner als JPG bei vergleichbarer sichtbarer Qualität. Ein 1920×1080 SVG, das als PNG zu 800 KB exportiert wird, landet als WebP bei etwa 500 KB - mit voller Alpha-Transparenz.
Wann WebP die richtige Wahl ist
WebP ist die beste Wahl für moderne Web-Auslieferung. Browserunterstützung ist universell in Chrome, Firefox, Safari (≥14) und Edge. Für Site-Icons, Hero-Bilder, Produktfotos und Illustrationen - alle Assets, bei denen Bandbreite zählt und man die Konsumenten kontrolliert.
Wann das SVG 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
WebP hat verlustbehaftete und verlustfreie Modi. Verlustbehaftet bei 0.9 sieht für fast jeden Inhalt identisch zu verlustfrei aus. Bei 0.7 entsteht leichte Glättung an scharfen Kanten - weniger ausgeprägt als bei JPG. Volle Alpha-Transparenz bleibt in beiden Modi erhalten; verlustfrei für Icons und Logos, verlustbehaftet für Fotos und Verläufe.
So konvertieren Sie SVG online in WebP
- Datei ablegen (oder DATEIEN AUSWÄHLEN klicken), um sie der Warteschlange hinzuzufügen.
- Optionen links anpassen (Format, Größe, Hintergrund, Qualität) und die Vorschau aktualisiert sich live.
- Auf ALLE SPEICHERN klicken, um die konvertierte Datei (oder ein ZIP bei mehreren Dateien) herunterzuladen.
Datenschutz und Sicherheit
Ihre Dateien verlassen Ihren Rechner nicht. Die Konvertierung läuft komplett im Browser über JavaScript und WebAssembly. Kein Upload, kein Server, kein Tracking der Dateiinhalte.
Da nichts hochgeladen wird, eignet sich das Tool für vertrauliche Logos, interne Dokumente und geschützte Grafiken.
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?
WebP-Dateien sind bei vergleichbarer Qualität meist 25-35 % kleiner als äquivalente PNGs, mit derselben Transparenzunterstützung. Eine sehr gute Wahl fürs Web. Die Browser-Unterstützung ist heute universell in Chrome, Firefox, Safari und Edge.
Hat WebP eine Qualitätseinstellung?
Ja. Derselbe Schieberegler, der die JPG-Qualität steuert, gilt auch für WebP, und WebP unterstützt sowohl verlustbehaftete als auch nahezu verlustfreie Modi. Etwa 0,9 ist ein guter Standard für die meisten Inhalte.