SVG in GIF umwandeln
Mach aus einem SVG ein GIF, das überall läuft. Animierte SVGs behalten ihre Bewegung, ob CSS oder SMIL; statische SVGs werden zu einem scharfen GIF. Größe, Länge und Bildrate wählen und herunterladen. Kostenlos, im Browser.
Deine Datei
SVG zum Umwandeln hierher ziehenAntippen und ein SVG auswählen
SVG, animiert oder statisch
Gut zu wissen
Dein Gerät verarbeitet die Datei
Der verfügbare Speicher und die Grenzen des Werkzeugs bestimmen, welche Dateien möglich sind.
Ohne Datei-Upload
Die Verarbeitung läuft im Browser. Deine Arbeitsdatei bleibt auf deinem Gerät.
Ohne Anmeldung
Öffne das Werkzeug und beginne. Ein Konto ist nicht erforderlich.
SVG ist das beste Format für Icons, Logos und Linienanimationen im Web, doch vieles da draußen kann es nicht anzeigen. E-Mail-Programme, Chat-Apps, Präsentationen, Foren und soziale Netzwerke wollen ein GIF – oder ein Video.
Dieser SVG-zu-GIF-Konverter spielt dein SVG genau so ab wie ein Browser und nimmt es Frame für Frame auf. Lade-Spinner, Logo-Animationen, Icons und Illustrationen behalten ihre Bewegung, und das GIF loopt nahtlos, wenn die Länge einem Zyklus der Animation entspricht. Das SVG wird im sicheren Bildmodus des Browsers geöffnet und nie hochgeladen.
So wandelst du SVG in GIF um
SVG hinzufügen
Zieh eine .svg-Datei in das Feld oben oder wähle eine aus. Sie startet in der Vorschau, und das Tool zeigt an, ob sie animiert ist und wie lange ein Zyklus dauert.
Größe und Länge wählen
Wähle die Breite; die Höhe folgt dem Format des SVGs. Die Länge wird auf einen Zyklus der Animation gesetzt, damit das GIF ohne Sprung loopt.
Bildrate und Hintergrund einstellen
Zwanzig Frames pro Sekunde sind für die meisten Animationen flüssig. Behalte den transparenten Hintergrund oder wähle Weiß oder Schwarz für Apps, die Transparenz schlecht darstellen.
Umwandeln und herunterladen
Tippe auf In GIF umwandeln. Die Animation wird in Echtzeit aufgenommen – ein SVG mit drei Sekunden braucht also drei Sekunden – und danach kodiert. Lass den Tab offen, bis es fertig ist.
Ein animiertes SVG in GIF umwandeln
SVGs bewegen sich auf zwei Arten: über SMIL-Elemente wie <animate> und <animateTransform> in der Datei oder über CSS-@keyframes-Animationen in ihrem <style>. Beide laufen hier genau wie im Browser, weil der Browser sie selbst abspielt, und das GIF nimmt auf, was du in der Vorschau siehst.
Für ein sauber loopendes GIF sollte die Aufnahme genau einen vollen Zyklus dauern. Das Tool liest die im SVG angegebenen Dauern und setzt die Länge für dich; besteht deine Animation aus mehreren Zyklen unterschiedlicher Länge, nimm deren gemeinsames Vielfaches, bis 10 Sekunden.
Bewegung, die von Skripten, Hover oder Klicks abhängt, läuft in einem Bild nicht und lässt sich deshalb nicht aufnehmen. Animationen, die von selbst laufen – also fast alle animierten Icons, Lade-Spinner und Logos – funktionieren.
Größe, Bildrate und Dateigröße
Ein SVG hat keine feste Auflösung und wird in jeder gewählten Breite scharf gezeichnet: keine Unschärfe durch Hochskalieren. Die Dateigröße wächst mit Breite und Anzahl der Frames, wähle also die kleinste Größe, in der das GIF tatsächlich angezeigt wird.
Zehn Frames pro Sekunde genügen für langsame, einfache Bewegung; 20 sind für die meisten Icons und Spinner flüssig; 25 für schnelle Bewegung. Flächige Vektorgrafik komprimiert als GIF sehr gut, und unbewegte Bereiche werden nur einmal gespeichert. Ist das Ergebnis trotzdem zu groß, bringt der GIF-Kompressor es auf eine genaue Größe. Für ein eigenes Emoji passt GIF zu Emoji das Ergebnis an die Limits von Discord, Slack oder Twitch an.
Transparente Hintergründe
SVGs haben meist einen transparenten Hintergrund, und das GIF kann das auch. GIF-Transparenz ist pro Pixel alles oder nichts, die weichen, geglätteten Kanten von Vektorformen werden also hart und leicht treppenförmig – am stärksten sichtbar auf dunklem Hintergrund.
Weißt du, wo das GIF erscheint, wähle lieber eine passende Hintergrundfarbe: Weiß für die meisten E-Mails und Dokumente, Schwarz für Chats im Dunkelmodus. Dann bleiben die Kanten perfekt weich.
Sicher von Grund auf
Ein SVG ist ein Dokument, das Skripte und Links zu anderen Dateien enthalten kann. Hier wird es als Bild geöffnet – im selben strengen Modus, den Browser für SVGs in einem <img>-Tag verwenden: Skripte laufen nie, und nichts außerhalb der Datei wird geladen. Schriften und Bilder, auf die das SVG von anderen Websites verlinkt, werden deshalb nicht geladen; eingebettete schon.
Nichts wird hochgeladen. Aufnahme und Kodierung passieren in deinem Browser.
Einstellungen für typische SVG-Animationen
Ausgangswerte. Die Vorschau spielt das SVG genau so ab, wie es aufgenommen wird.
| SVG | Breite | Frames pro Sekunde | Hintergrund |
|---|---|---|---|
| Lade-Spinner | 240–320 px | 20–25 | Wie die Seite |
| Animiertes Icon | 240 px | 20 | Transparent oder Weiß |
| Logo-Animation für E-Mails | 480–640 px | 20 | Weiß |
| Illustration oder Banner | 640–800 px | 10–20 | Eigener Hintergrund |
| Diagramm oder Datenanimation | 640 px | 10 | Weiß |
Warum man SVG-Animationen in GIF umwandelt
E-Mail-Newsletter
Die meisten E-Mail-Programme unterstützen SVG gar nicht, geschweige denn dessen Animation. Ein GIF läuft in fast allen.
Präsentationen und Dokumente
PowerPoint, Keynote, Google Präsentationen und viele Dokument-Tools spielen GIFs ab, wo SVG-Animation nicht läuft.
Chats und soziale Netzwerke
Teile ein animiertes Logo oder Icon in Slack, Discord, WhatsApp oder in sozialen Netzwerken.
Design-Übergabe und Vorschauen
Zeig Kunden und Kollegen Bewegung in Tools, die nur Bilder anzeigen.
README-Dateien und Dokumentation
Animierte Diagramme und Demos auf Doku-Seiten und in Repositories, die SVG-Animation entfernen.
Sticker und Emojis
Mach aus Vektor-Emojis und Stickern GIFs und bring sie danach auf die Größenlimits von Chat-Apps.
Häufige Fragen
- Bleibt die SVG-Animation erhalten?
- Ja. CSS- und SMIL-Animationen laufen und werden ins GIF aufgenommen. Nur Bewegung, die von Skripten oder von Hover und Klicks gesteuert wird, lässt sich nicht erfassen.
- Kann ich ein statisches SVG in GIF umwandeln?
- Ja. Ein statisches SVG wird zu einem GIF mit einem Frame in der gewählten Breite, scharf aus dem Vektor gezeichnet.
- Warum dauert die Umwandlung so lange wie die Animation?
- Die Animation wird beim Abspielen aufgenommen, so wie der Browser sie ausführt. Ein SVG mit fünf Sekunden braucht also fünf Sekunden zur Aufnahme, plus einen Moment zum Kodieren.
- Warum hat die Aufnahme beim Tab-Wechsel gestoppt?
- Browser pausieren Animationen in Tabs, die du nicht ansiehst – das würde Lücken im GIF erzeugen. Lass den Tab sichtbar, bis es fertig ist.
- Wie loopt das GIF ohne Ruckler?
- Setz die Länge auf genau einen Zyklus der Animation – das erledigt das Tool für dich, wenn das SVG seine Dauern angibt.
- Wird mein SVG hochgeladen?
- Nein. Es wird in deinem Browser auf deinem Gerät abgespielt, aufgenommen und kodiert.
- Warum fehlen manche Schriften oder Bilder?
- Aus Sicherheitsgründen wird das SVG als Bild geöffnet, und dabei werden keine Schriften oder Bilder von anderen Websites geladen. Wandle Text vorher in Pfade um oder bette die Bilder ins SVG ein.
- Kann ich Lottie- oder JSON-Animationen umwandeln?
- Nicht direkt: Lottie-Dateien sind JSON, kein SVG. Exportiere die Animation zuerst als SVG oder nimm sie als Video auf.
Passende nächste Schritte
GIF-Geschwindigkeit ändern
Mach ein GIF schneller oder langsamer oder gib allen Frames dieselbe Dauer – ohne Qualitätsverlust.
GIF komprimieren
Verkleinere ein GIF oder bring es unter eine genaue Größe wie 256 KB oder 5 MB.
GIF erstellen
Erstelle ein animiertes GIF aus Bildern oder einem Video. Reihenfolge, Tempo, Größe und Loop frei wählbar.
GIF in MP4
Wandle ein GIF in ein MP4-Video um – meist um ein Vielfaches kleiner, mit gleichem Timing.
Bild vektorisieren
Zeichne die Formen eines Logos oder einer einfachen Grafik als SVG nach. Wähle den Detailgrad und prüfe das Vektorergebnis.
Bilder in PNG umwandeln
Wandle Bilder, auch HEIC-Fotos vom iPhone, in PNG um. Vorhandene Transparenz kann erhalten bleiben; ein deckender Hintergrund wird dadurch nicht entfernt.