Kategorien

← View All Tools

SVG zu WebP Konverter

SVG-Vektorgrafiken in WebP-Rasterformat konvertieren mit moderner Kompression und Transparenzunterstützung

SVG Datei *

Click to upload file or drag and drop file here

Maximum file size: 10MB Supported formats: image/svg+xml, text/xml

Ausgabebreite

Output width in pixels (optional)

Ausgabehöhe

Output height in pixels (optional)

Render-Dichte (DPI)

Rendering density for SVG (DPI)

WebP Qualität

1 80 100

WebP Qualität (1-100, höher = bessere Qualität)

Verlustfreie Kompression

Use lossless compression for perfect quality

Kompressionsaufwand

0 4 6

CPU effort (0=fastest, 6=slowest/best compression)

Kompressionsmethode

0 4 6

Compression method (0=fastest, 6=slowest/smallest)

Transparenz Erhalten

Keep SVG transparency in output WebP

Hintergrundfarbe

Background color (if transparency is disabled)

Wichtige Fakten

Kategorie: Media
Eingabetypen: file, number, range, checkbox, color
Ausgabetyp: file
Sample-Abdeckung: 4
API verfügbar: Yes

Überblick

Dieser SVG zu WebP Konverter ermöglicht die präzise Umwandlung von Vektorgrafiken in das effiziente WebP-Rasterformat, wobei moderne Kompressionsstandards und Transparenzfunktionen vollständig erhalten bleiben.

Wann verwenden

•Optimierung von Webseiten-Grafiken für schnellere Ladezeiten durch das WebP-Format.
•Umwandlung von Vektor-Logos oder Icons in ein für Browser optimiertes Rasterformat.
•Anpassung von Bildgrößen und Kompressionsstufen für eine effiziente Asset-Verwaltung.

So funktioniert es

•Laden Sie Ihre SVG-Datei über den Datei-Upload hoch.
•Passen Sie bei Bedarf Parameter wie Ausgabegröße, Render-Dichte oder Kompressionsqualität an.
•Wählen Sie Einstellungen für Transparenz oder Hintergrundfarbe.
•Starten Sie die Konvertierung und laden Sie das optimierte WebP-Bild direkt herunter.

Anwendungsfälle

Vorbereitung von UI-Elementen für die Web-Performance-Optimierung.

Standardisierung von Grafik-Assets für mobile Anwendungen.

Erstellung von Vorschaubildern aus komplexen Vektordateien.

Beispiele

1. Web-Icon Optimierung

Webentwickler

Hintergrund: Eine Webseite verwendet zahlreiche SVG-Icons, die für bestimmte Browser-Komponenten in ein Rasterformat umgewandelt werden müssen.
Problem: Die Icons sollen klein und performant sein, ohne die Transparenz zu verlieren.
Verwendung: SVG-Datei hochladen, 'Transparenz erhalten' aktivieren und Qualität auf 85 setzen.
Beispielkonfiguration: quality: 85, preserveTransparency: true
Ergebnis: Ein hochoptimiertes WebP-Icon mit transparentem Hintergrund, das die Ladezeit der Seite reduziert.

2. Vektor-Grafik für Blog-Beitrag

Content Creator

Hintergrund: Eine komplexe Infografik im SVG-Format soll in einen Blog-Artikel eingebunden werden, der eine feste Breite erfordert.
Problem: Die Grafik ist im Original zu groß und soll auf eine feste Breite skaliert werden.
Verwendung: SVG-Datei hochladen, Breite auf 800px festlegen und Kompressionsmethode auf 6 für maximale Dateigrößenreduktion einstellen.
Beispielkonfiguration: width: 800, method: 6
Ergebnis: Eine perfekt skalierte, platzsparende WebP-Grafik, die ideal in das Layout des Blog-Artikels passt.

Mit Samples testen

xml, image, svg

XML-Beispiele

XML (eXtensible Markup Language)-Formatbeispiele von einfachen bis komplexen Strukturen

preferred input family image,xml

image, xml

SVG Beispiele

Beispiele für skalierbare Vektorgrafiken (SVG), die verschiedene SVG-Funktionen und -Techniken demonstrieren

title token svg

image

WebP Beispiele

WebP-Bildbeispiele in verschiedenen Seitenverhältnissen und Auflösungen

title token webp

image

Großschreibungs-Konverter Beispiele

Testbeispiele für die Konvertierung der Groß-/Kleinschreibung zwischen verschiedenen Benennungskonventionen

preferred input family xml

xml

FAQ

Warum sollte ich SVG in WebP konvertieren?

WebP bietet eine exzellente Kompression bei hoher Qualität, was die Ladezeit Ihrer Webseite im Vergleich zu anderen Formaten deutlich verkürzen kann.

Bleibt die Transparenz bei der Konvertierung erhalten?

Ja, das Tool unterstützt die Beibehaltung von Transparenz, sofern die entsprechende Option aktiviert ist.

Kann ich die Bildgröße beim Konvertieren ändern?

Ja, Sie können über die Felder für Breite und Höhe die gewünschten Pixelmaße für das Ausgabebild festlegen.

Was bedeutet der Kompressionsaufwand?

Ein höherer Kompressionsaufwand führt zu einer kleineren Dateigröße, benötigt jedoch bei der Erstellung etwas mehr Rechenzeit.

Ist die Konvertierung verlustfrei möglich?

Ja, durch Aktivierung der Option 'Verlustfreie Kompression' wird das Bild ohne Qualitätsverlust in das WebP-Format umgewandelt.

API-Dokumentation

Request-Endpunkt

POST /de/api/tools/svg-to-webp

Request-Parameter

Parameter-Name	Typ	Erforderlich	Beschreibung
svgFile	file (Upload erforderlich)	Ja	-
width	number	Nein	Output width in pixels (optional)
height	number	Nein	Output height in pixels (optional)
density	number	Nein	Rendering density for SVG (DPI)
quality	range	Nein	WebP Qualität (1-100, höher = bessere Qualität)
lossless	checkbox	Nein	Use lossless compression for perfect quality
effort	range	Nein	CPU effort (0=fastest, 6=slowest/best compression)
method	range	Nein	Compression method (0=fastest, 6=slowest/smallest)
preserveTransparency	checkbox	Nein	Keep SVG transparency in output WebP
backgroundColor	color	Nein	Background color (if transparency is disabled)

Dateitypparameter müssen erst über POST /upload/svg-to-webp hochgeladen werden, um filePath zu erhalten, dann filePath an das entsprechende Dateifeld übergeben.

Antwortformat

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}

Datei: Datei

MCP-Dokumentation

Fügen Sie dieses Tool zu Ihrer MCP-Server-Konfiguration hinzu:

{
  "mcpServers": {
    "elysiatools-svg-to-webp": {
      "name": "svg-to-webp",
      "description": "SVG-Vektorgrafiken in WebP-Rasterformat konvertieren mit moderner Kompression und Transparenzunterstützung",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=svg-to-webp",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Sie können mehrere Tools verketten, z.B.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, maximal 20 Tools.

Unterstützt URL-Dateilinks oder Base64-Codierung für Dateiparameter.

Wenn Sie auf Probleme stoßen, kontaktieren Sie uns bitte bei [email protected]