Nein. Alle fünf Qualitätsstufen verwenden verlustbehaftete WebP-Kodierung. Wählen Sie den separaten Modus „Verlustfrei“, um diesen Kodierungsverlust zu vermeiden. Keiner der Modi erhält bearbeitbare Vektoren oder garantiert dieselbe Darstellung wie jedes SVG-Anzeigeprogramm. Das Rendern erfolgt vor der WebP-Kodierung.
SVG in WebP umwandeln
Wandeln Sie ein SVG mit bis zu 20 MB in ein statisches WebP für einen Einsatzzweck um, der WebP-Bilder unterstützt. Legen Sie bei Bedarf die Bildmaße fest, behalten Sie die ursprünglichen Proportionen bei und wählen Sie verlustbehaftete oder verlustfreie Kodierung. Das Ergebnis ist ein Pixelbild. Bewahren Sie Ihr SVG für die Bearbeitung und für skalierbare Grafiken auf.
Das könnte Ihnen auch helfen:SVG in PNG umwandeln·SVG in JPG umwandeln·SVG in AVIF umwandeln·Bildgröße ändern
Was dieser SVG-WebP-Konverter leistet
Dieser Konverter rendert ein SVG als WebP-Bild mit festen Bildmaßen. Er ändert das Bildformat und nicht nur den Dateinamen. Verwenden Sie ihn für eine Website-Grafik, eine Vorschau oder einen Upload, der WebP erfordert. Bearbeitbare Pfade, editierbarer Text und SVG-Animationen bleiben in der Ausgabe nicht erhalten.
Prüfen Sie zuerst, welche Formate am Ziel unterstützt werden. Die Anforderung eines Rasterbilds bedeutet nicht automatisch, dass WebP akzeptiert wird. Verwenden Sie SVG in PNG umwandeln für eine PNG-Kopie oder SVG in JPG umwandeln, wenn JPEG mit weißem Hintergrund benötigt wird.
| Einstellung | Auswirkung | Geeigneter Einsatz |
|---|---|---|
| .svg-Upload | Nimmt SVG-Quelldateien an | Laden Sie eine gültige SVG-Datei hoch. Ein umbenanntes PNG oder eine andere umbenannte Datei ist kein SVG. |
| Breite und Höhe | Passt das gerenderte Bild unter Beibehaltung der Proportionen in die optionalen Bildmaße ein | Legen Sie eine feste Seite oder einen Begrenzungsrahmen fest. Das Tool verzerrt oder beschneidet das Bild nicht, um den Rahmen auszufüllen. |
| Verlustbehaftete Komprimierung | Tauscht sichtbare Details gegen stärkere Komprimierung ein. Eine kleinere Datei ist nicht garantiert. | Für allgemeine Website-Bilder und Vorschauen |
| Qualität und Dateigröße | Steuert die Stärke der verlustbehafteten WebP-Komprimierung | Beginnen Sie mit der Qualitätsstufe „Ausgewogen“. |
| Verlustfreie Komprimierung | Vermeidet verlustbehaftete WebP-Komprimierung | Für Icons, Logos, UI-Grafiken oder scharfe Kanten |
So wandeln Sie SVG online in WebP um
1
SVG-Datei hochladen
Wählen Sie ein SVG mit bis zu 20 MB aus oder ziehen Sie es hierher. Mit der Auswahl beginnt der Upload zur Verarbeitung auf dem Server. Warten Sie, bis der Upload abgeschlossen ist, und prüfen Sie, ob Sie die gewünschte Quelldatei ausgewählt haben. Die Browser-Vorschau garantiert keine identische Darstellung auf dem Server.
2
WebP-Ausgabegröße festlegen
Lassen Sie beide Felder leer, um die vom Renderer ermittelten eigenen Bildmaße des SVG zu verwenden. Geben Sie eine Seite ein, um die andere proportional berechnen zu lassen. Geben Sie beide Seiten ein, um das Bild ohne Zuschneiden oder Verzerren in ein Rechteck einzupassen. Eine Quelle mit 1200×800 wird in einem Rahmen von 600×600 zu 600×400, nicht zu einem Quadrat.
- •Jedes optionale Eingabefeld nimmt 1–16.383 px an. Beide Seiten der endgültigen Ausgabe dürfen jeweils 16.383 px nicht überschreiten. Diese Grenze gilt auch, wenn beide Felder leer bleiben oder Sie nur eine Seite eingeben. Bei einer Darstellungsbreite von 300 px sind 600 px eine mögliche Exportbreite für 2× Auflösung, aber keine garantierte Verbesserung für jede Quelldatei.
3
Kompressionsmodus und Qualität wählen
Der verlustbehaftete Modus bietet fünf Qualitätsstufen: Starke Komprimierung, Mittlere Komprimierung, Ausgewogen, Hohe Qualität und Höchste Qualität. „Ausgewogen“ ist die Standardeinstellung. Auch „Höchste Qualität“ verwendet verlustbehaftete Kodierung. Prüfen Sie feine Linien, Farbverläufe und Schrift im Ergebnis, statt die Bezeichnung als Garantie zu verstehen.
- •Wählen Sie den separaten Modus „Verlustfrei“, um verlustbehaftete WebP-Kodierung zu vermeiden. Er blendet die Qualitätsauswahl aus. Er korrigiert keine Darstellungsunterschiede und erhält weder Vektorpfade, Schriftarten, Links oder Quellmetadaten noch unbegrenzte Skalierbarkeit. Die Ausgabe ist ein 8-Bit-Bild.
4
Umwandeln und heruntergeladenes WebP prüfen
Klicken Sie auf „In WebP umwandeln“ und laden Sie das fertige Bild herunter. Vergleichen Sie Bildmaße, Schrift, Farben, transparente Kanten und Dateigröße mit dem vorgesehenen Design. Testen Sie die Datei in der Zielanwendung, bevor Sie eine funktionierende Grafik ersetzen, und bewahren Sie das ursprüngliche SVG auf.
SVG-Darstellung, Transparenz und Qualität
SVG speichert Formen, Pfade, Text und Stile. WebP speichert die gerenderten Pixel. Prüfen Sie diese Eigenschaften, bevor Sie Ihre Exporteinstellungen wählen.
| Frage | Was Sie erwarten können |
|---|---|
| Bleibt die Ausgabe eine Vektorgrafik? | Nein. Die WebP-Datei ist ein Rasterbild mit festen Pixelmaßen. |
| Kann das WebP Transparenz beibehalten? | Vorhandene transparente Bereiche können erhalten bleiben. Eine weiße oder farbige Form, die bereits hinter der Grafik liegt, ist Bestandteil des Bildes und wird nicht entfernt. |
| Erhält der verlustfreie Modus die SVG-Qualität? | Verlustfrei bezieht sich auf die WebP-Kodierung nach dem Rendern. Der Modus erhält keine SVG-Struktur und garantiert nicht, dass die Darstellung des Server-Renderers mit der eines Browsers oder Designprogramms übereinstimmt. |
| Stimmen die Schriftarten immer überein? | Eine auf Ihrem Gerät verfügbare Schriftart ist möglicherweise auf dem Server nicht vorhanden. Wandeln Sie wichtige Schriftzüge im Quelleditor in Pfade um, wenn deren exaktes Aussehen entscheidend ist. |
| Werden externes CSS oder verknüpfte Bilder dargestellt? | Verknüpfte Ressourcen oder nicht unterstützte Stile können fehlen oder anders aussehen. Exportieren Sie ein eigenständiges SVG, in dem benötigte Bilder und wesentliche Stile enthalten sind. Prüfen Sie Masken und Filter in der heruntergeladenen Datei. |
Definieren Sie eine eindeutige viewBox und legen Sie die Grenzen der Zeichenfläche bewusst fest. Transparenter Leerraum innerhalb der SVG-Zeichenfläche bleibt Bestandteil des Bildes und wird durch Größenänderungen nicht abgeschnitten. Der Server rendert statisch. Er spielt keine Animationen ab und führt keine Skripte aus, um einen interaktiven Browserzustand nachzubilden.
Wann WebP statt SVG sinnvoll ist
Eine WebP-Kopie kann für diese Einsatzzwecke mit festen Bildmaßen geeignet sein. Prüfen Sie die Anforderungen an Format, Pixelmaße und Dateigröße am Ziel.
Uploads in ein CMS
Verwenden Sie eine WebP-Kopie, wenn Ihr CMS WebP unterstützt, aber kein SVG. Seine Grenzen für Upload-Größe und Bildmaße gelten weiterhin.
Vorschaubilder in sozialen Netzwerken
Prüfen Sie die Vorgaben der Plattform für Vorschaubilder beim Teilen. Verwenden Sie WebP nur, wenn es unterstützt wird. Wählen Sie andernfalls einen unterstützten Export als PNG oder JPG.
E-Mail-Grafiken
Prüfen Sie die WebP-Unterstützung im E-Mail-Editor und in den E-Mail-Apps der Empfänger. Wenn Ihr Arbeitsablauf PNG oder JPG erfordert, exportieren Sie stattdessen dieses Format.
Website-Bilder
Eine WebP-Kopie kann sich für Grafiken eignen, die in einer bekannten Größe angezeigt werden. Vergleichen Sie Aussehen und tatsächliche Dateigröße, bevor Sie die SVG-Grafik ersetzen.
Grafiken für Apps oder Marktplätze
Prüfen Sie die genauen Format- und Pixelanforderungen. Die bloße Anforderung eines Rasterbilds bedeutet noch nicht, dass WebP unterstützt wird.
Vorschauen zur Designübergabe
Teilen Sie eine statische Vorschau mit Personen, deren Anzeigeprogramme WebP unterstützen und die das Design prüfen sollen. Halten Sie das SVG für spätere Designänderungen bereit.
Bewahren Sie das SVG als Quelldatei auf und exportieren Sie WebP-Kopien für Einsatzzwecke, die Rasterbilder benötigen. Wenn Sie ein responsives Icon-System aufbauen oder Formen später bearbeiten müssen, kann SVG weiterhin das geeignetere Ausgangsformat sein.
Passende Einstellungen für SVG in WebP wählen
Die passenden Einstellungen hängen von der Grafik und dem vorgesehenen Einsatz des WebP ab. Ein kleines flächiges Icon, eine detailreiche Illustration und eine Grafik über die gesamte Website-Breite benötigen unterschiedliche Exporteinstellungen.
| Ausgabeziel | Empfohlene Einstellung | Begründung |
|---|---|---|
| Website-Icon | Darstellungsbreite oder 2× diese Breite, verlustfrei | Vermeidet verlustbehaftete Kodierung der Kanten. Prüfen Sie das tatsächliche Rasterbild. |
| Logo-Vorschau | 2x Darstellungsgröße, verlustfrei oder „Hohe Qualität“ oder „Höchste Qualität“ | Hilft, Kurven und schriftähnliche Formen scharf zu halten |
| Große Illustration | Vorgesehene Darstellungsbreite, „Ausgewogen“ oder „Hohe Qualität“ | Schafft ein Gleichgewicht zwischen Details und Dateigröße |
| Kleines Vorschaubild mit geringer Dateigröße | Kleinere Bildmaße, „Starke Komprimierung“, „Mittlere Komprimierung“ oder „Ausgewogen“ | Kann die Dateigröße reduzieren. Prüfen Sie die heruntergeladene Datenmenge und die sichtbaren Details. |
| Transparente Überlagerung | WebP mit Transparenz, „Ausgewogen“, eine höhere Qualitätsstufe oder verlustfrei | Erhält den transparenten Hintergrund bei einstellbarer Komprimierung |
Wählen Sie die Bildmaße passend zur tatsächlichen Darstellungsfläche, nicht die größtmöglichen Werte. Das Vergrößern eingebetteter Bitmap-Bilder in einem SVG stellt deren fehlende Details nicht wieder her. Wenn Leerraum das Problem ist, passen Sie die SVG-Zeichenfläche oder die viewBox im Quelleditor an. Eine höhere Qualität entfernt ihn nicht.
Dateiverarbeitung und praktische Grenzen
Mit der Auswahl eines SVG mit bis zu 20 MB beginnt der Upload zur Verarbeitung auf dem Server. Die Grenze von 20 MB bezieht sich auf die Dateigröße; 16.383 px pro Ausgabeseite bezieht sich auf die Bildmaße. Auch eine kleine SVG-Datei kann eine übergroße Zeichenfläche beschreiben oder Inhalte enthalten, die der Renderer nicht verarbeiten kann.
Dieser Ablauf exportiert ein statisches WebP aus einer hochgeladenen Datei. Er bietet weder ein SVG-Codefeld noch einen Vektoreditor, eine Animationsaufnahme oder eine Auswahl von Einzelbild und Zeitpunkt. Speichern Sie SVG-Code zunächst als vollständige, gültige .svg-Datei. Halten Sie die erforderlichen Stile und Bildressourcen gemeinsam in dieser Datei.
Laden Sie das WebP zeitnah herunter, da hochgeladene und erzeugte Dateien nur vorübergehend gespeichert werden. Bewahren Sie das SVG für spätere Bearbeitungen auf.
Häufige Fehler vermeiden
.svg in .webp umbenennen
Das Ändern der Dateiendung wandelt SVG nicht in WebP um. Eine echte Umwandlung muss das SVG rendern und das Ergebnis als WebP-Bilddatei kodieren.
WebP für ebenso bearbeitbar wie SVG halten
Das heruntergeladene WebP ist ein Pixelbild. Pfade, Formen oder Text lassen sich nicht auf dieselbe Weise bearbeiten wie im ursprünglichen SVG. Bewahren Sie das SVG als bearbeitbare Quelldatei auf.
Verlustfreien Modus als Garantie für Vektorerhalt verstehen
Verlustfrei ist eine Option zur WebP-Kodierung. Sie kann weder Vektoren wiederherstellen noch fehlende Schriftarten ersetzen, nicht unterstützte SVG-Funktionen korrigieren oder vorherige Entscheidungen zu Darstellung und Größe rückgängig machen. Prüfen Sie das exportierte Bild auch im verlustfreien Modus.
Sich auf externe Schriftarten oder CSS verlassen
Die Vorschau der hochgeladenen Quelldatei und die Server-Darstellung können unterschiedliche Ressourcen und Darstellungsfunktionen verwenden. Binden Sie erforderliche Bilder und Stile in das SVG ein, wandeln Sie wichtigen Text in Pfade um und prüfen Sie die heruntergeladene Datei, statt sich nur auf die Vorschau zu verlassen.
Ein übergroßes WebP exportieren
Wählen Sie die Ausgabemaße passend zum endgültigen Einsatz. Ein übergroßes WebP kann Speicherplatz verschwenden oder die Grenzen am Ziel überschreiten, während ein einfaches SVG möglicherweise schon kleiner ist. Eine Größenänderung erhält die gesamte SVG-Zeichenfläche einschließlich vorhandener Leerräume.
Häufig gestellte Fragen
Die Werte legen einen Begrenzungsrahmen fest. Das Bild behält seine Proportionen. Deshalb wird 1200×800 in einem Rahmen von 600×600 zu 600×400. Es wird nicht zu einem Quadrat zugeschnitten oder verzerrt. Geben Sie nur eine Seite ein, wenn Sie genau dieses feste Maß benötigen.
Auf dem Server kann eine Schriftart oder Ressource fehlen, die Ihre Vorschau verwendet. Manche SVG-Funktionen werden zudem anders dargestellt. Exportieren Sie ein eigenständiges SVG, wandeln Sie wichtigen Text in Pfade um und prüfen Sie Masken und Filter. Eine höhere WebP-Qualität behebt keine fehlenden Inhalte der Quelldatei.
Nein. Vorhandene transparente Bereiche können erhalten bleiben, auch bei verlustbehaftetem WebP. Ein weißes Rechteck oder ein anderer bereits im SVG gezeichneter Hintergrund bleibt Bestandteil des Bildes. Entfernen Sie diesen Hintergrund vor dem Export im Quelleditor, wenn Sie Transparenz benötigen.
Nein. Diese Seite erstellt eine statische Darstellung. Sie zeichnet keine Animation auf, führt keine Skripte aus und bietet keine Zeit- oder Einzelbildauswahl. Bereiten Sie ein statisches SVG mit genau dem gewünschten Zustand vor oder verwenden Sie separat einen Ablauf zum Animationsexport.
Die Dateigröße ist nur eine Grenze. Der Renderer muss das SVG lesen können, und beide Ausgabeseiten dürfen jeweils 16.383 px nicht überschreiten. Eine kleine Datei kann eine riesige Zeichenfläche beschreiben. Auch fehlende oder nicht unterstützte Inhalte können das erwartete Ergebnis verhindern. Prüfen Sie die Quelldatei und wählen Sie passende Bildmaße.
Diese Seite bietet keine Codeeingabe. Speichern Sie vollständigen SVG-Code als gültige .svg-Datei und laden Sie sie hoch. Das Umbenennen eines Bildes in einem anderen Format oder eines unvollständigen Textfragments macht daraus kein verwendbares SVG.
Ein einfaches SVG kann Formen mit sehr wenigen Daten beschreiben, während WebP ein Rasterbild speichert. Bildmaße, Grafik und Kodierungsmodus bestimmen die Dateigröße. Vergleichen Sie die heruntergeladene Datei. Es gibt weder eine exakte Zielgröße in KB noch die Zusage, dass WebP kleiner ausfällt.