SVG in GIF umwandeln

Rendern Sie ein SVG als GIF-Bild in der Breite Ihrer Wahl – für Stellen, die GIF akzeptieren, aber keine Vektordateien anzeigen können. Das Ergebnis ist ein Standbild mit einer Palette von bis zu 256 Farben, das überall dort transparent bleibt, wo im SVG nichts gezeichnet ist.

oder JPG, JPEG, JPE …-Dateien hierher ziehen ·

Max. 95 MB pro Datei· Bis zu 20 Dateien· Gelöscht nach 30 Minuten

Ausgabe

Umwandeln in

Dateien werden auf unseren Servern verarbeitet und nach 30 Minuten gelöscht.

So verwenden Sie dieses Tool

1
SVG-Dateien hochladen
Fügen Sie bis zu 20 .svg-Dateien mit jeweils maximal 95 MB von Ihrem Computer hinzu oder ziehen Sie sie in den Upload-Bereich.
2
Pixelbreite festlegen
Diese Seite zeichnet die Vektorgrafik 600 px breit. Ändern Sie die Zahl unter Größe des Ausgabebilds ändern in den Erweiterten Einstellungen; die Höhe richtet sich nach den Proportionen der Zeichnung.
3
In GIF umwandeln
Klicken Sie auf In GIF umwandeln und laden Sie jedes Bild oder den ganzen Satz als ZIP herunter. Prüfen Sie eine Datei auf dem Hintergrund, auf dem sie später steht, bevor Sie sie verwenden.

Beim Umwandeln von SVG in GIF tauschen Sie eine auflösungsunabhängige Zeichnung gegen ein festes Raster mit höchstens 256 Farben. Das passt für flache Logos und Icons, für Farbverläufe weniger.

SVG in der benötigten Breite als GIF rastern

Eine SVG ist eine Reihe von Anweisungen: diesen Pfad zeichnen, mit dieser Farbe füllen, diesen Text platzieren. Ein GIF ist das Gegenteil, ein Raster aus Pixeln, die jeweils auf einen von bis zu 256 Paletteneinträgen verweisen. Umwandeln heißt, die Anweisungen einmal in einer gewählten Pixelbreite zu zeichnen und das Ergebnis zu speichern. Deshalb ist die Breite unter Größe des Ausgabebilds ändern hier wichtiger als jede andere Einstellung. Diese Seite beginnt bei 600 px.

GIF stammt von 1987, als CompuServe es veröffentlichte; die Überarbeitung GIF89a von 1989 brachte Transparenz und Bildverzögerungen. Dieses Alter ist heute seine größte Stärke: Software, die neuere Formate ablehnt, von älteren Forensystemen bis zu manchen Mailprogrammen und Werbenetzwerken, zeigt GIF weiterhin an. Eine SVG dagegen wird in vielen Upload-Formularen blockiert, weil sie XML ist und Skripte enthalten könnte.

Da die Quelle ein Vektor ist, können Sie sie in jeder Breite zeichnen, ohne Schärfe zu verlieren. Wählen Sie die Größe, in der das GIF tatsächlich angezeigt wird; ein kleines GIF später hochzuskalieren bringt die Unschärfe zurück, die die SVG nie hatte.

from ↓ · to →	Transparenter Hintergrund	Weiche, halbtransparente Kanten	Mehr als 256 Farben	Animation
GIF	GIF to Transparenter Hintergrund: yes	– GIF to Weiche, halbtransparente Kanten: no	– GIF to Mehr als 256 Farben: no	GIF to Animation: yes
PNG	PNG to Transparenter Hintergrund: yes	PNG to Weiche, halbtransparente Kanten: yes	PNG to Mehr als 256 Farben: yes	– PNG to Animation: no
WEBP	WEBP to Transparenter Hintergrund: yes	WEBP to Weiche, halbtransparente Kanten: yes	WEBP to Mehr als 256 Farben: yes	WEBP to Animation: yes
JPG	– JPG to Transparenter Hintergrund: no	– JPG to Weiche, halbtransparente Kanten: no	JPG to Mehr als 256 Farben: yes	– JPG to Animation: no

supported not offeredWas jedes Rasterformat enthalten kann, nachdem eine SVG hineingezeichnet wurde. GIF ist das einzige, das auf eine 256-Farben-Palette und Transparenz nur an oder aus beschränkt ist.

SVG

Scalable Vector Graphics

SVG ist ein XML-basiertes Vektorformat, das das W3C 2001 standardisiert hat. Statt Pixeln beschreibt es Formen, Pfade und Text, bleibt daher in jeder Größe scharf und ist bei Logos und Icons meist winzig. Es unterstützt Transparenz, CSS-Formatierung, Skripte und Animation, und jeder Browser stellt es nativ dar. Für Fotos ist SVG ungeeignet, und komplexe Illustrationen können langsam rendern. Illustrator, Inkscape, Figma und Browser können es öffnen und bearbeiten.

Komprimierung: –
Transparenz: Ja
Animation: Ja
Eingeführt: 2001 · W3C

SVG-Konverter

GIF

Graphics Interchange Format

GIF wurde 1987 von CompuServe eingeführt und ist weiterhin das am weitesten unterstützte Format für kurze, sich wiederholende Animationen. Es ist verlustfrei, aber auf eine Palette von 256 Farben pro Bild beschränkt, sodass Fotos und Farbverläufe Streifenbildung und Dithering zeigen. Es unterstützt nur Ein/Aus-Transparenz (1 Bit), was an gekrümmten Formen ausgefranste Kanten hinterlässt. Animierte GIFs sind oft weit größer als derselbe Clip als MP4 oder WebP. Jeder Browser, jede Chat-App und jede Social-Media-Plattform spielt GIFs ab.

Komprimierung: Verlustfrei
Transparenz: Ja
Animation: Ja
Eingeführt: 1987 · CompuServe

GIF-Konverter

SVG in GIF gibt es für Ziele, die auf GIF festgelegt sind, etwa E-Mail-Signaturen, ältere Foren und Werbeplätze, die ein kleines, flaches Bild eines Vektorlogos brauchen; ein GIF in SVG umzuwandeln ist dagegen eine Vektorisierung, die skalierbare Grafik zurückgewinnen soll.

Animiertes SVG in GIF: was nicht übernommen wird

SMIL-, CSS- und Skript-Animationen entfallen

Eine SVG, die sich im Browser über animate-Elemente, CSS-Keyframes oder JavaScript bewegt, wird zu einem einzelnen GIF-Standbild im Anfangszustand. Für ein bewegtes GIF nehmen Sie die Animation als Video auf und wandeln es mit dem Tool Video in GIF um.

256 Farben und 1-Bit-Transparenz in der Praxis

Die meisten SVG-Logos verwenden eine Handvoll flacher Farben, die Palettengrenze kostet also nichts. Probleme machen geglättete Kanten und Farbverläufe. Jede gebogene Kante einer gezeichneten SVG enthält Zwischenpixel, die teiltransparent sind; GIF muss jedes davon ganz sichtbar oder ganz durchsichtig machen, was einen treppenartigen Umriss oder einen hellen Saum hinterlassen kann.

Die Lösung ist, den Hintergrund vor dem Umwandeln festzulegen. Steht das GIF auf einem weißen E-Mail-Hintergrund, geben Sie der SVG ein weißes Hintergrundrechteck; bei einem dunklen Forendesign nehmen Sie dessen Farbe. Die Randpixel gehen dann in die richtige Farbe über, und der Umriss bleibt glatt. Wenn Sie das vorher nicht wissen können, ist PNG die sicherere Wahl.

Fragen zu SVG in GIF

Warum GIF statt PNG für ein SVG-Logo verwenden?

Nur wenn das Ziel GIF verlangt, etwa ein altes CMS, eine Forensignatur oder eine Werbevorlage, die GIF als Bildtyp nennt. PNG behält weiche Kanten und unbegrenzt viele Farben, daher ist SVG in PNG die bessere Standardwahl, wenn beides erlaubt ist.

Wird aus meinem animierten SVG ein animiertes GIF?

Nein. Der Konverter zeichnet die SVG einmal in ihrem Anfangszustand. SMIL-Animationselemente, CSS-Keyframes und Skripte laufen daher nicht, und Sie erhalten ein einzelnes Standbild. Um die Bewegung festzuhalten, nehmen Sie die im Browser abgespielte Animation als Video auf und nutzen dann Video in GIF.

Warum wirken die Kanten meines Logos gezackt oder haben einen hellen Saum?

Die GIF-Transparenz ist pro Pixel entweder an oder aus, daher müssen die weichen, teiltransparenten Randpixel einer SVG entweder behalten oder verworfen werden. Kanten, die für einen Hintergrund abgemischt wurden, zeigen auf einem anderen einen Saum. Fügen Sie vor dem Umwandeln ein Hintergrundrechteck in der Farbe der Zielseite hinzu, dann gehen die Kanten sauber ineinander über.

Was passiert mit Farbverläufen im SVG?

Eine GIF-Palette enthält höchstens 256 Farben, weshalb weiche Farbverläufe angenähert werden müssen. Kurze Verläufe sehen gut aus; große, feine zeigen Stufen oder ein gepunktetes Dithering-Muster. Logos und Icons mit flachen Farben, der übliche SVG-Inhalt, passen problemlos in die Palette.

Kann ich das GIF in einer E-Mail-Signatur verwenden?

Ja, und das ist einer der Hauptgründe für diese Umwandlung. Gmail und Outlook zeigen SVG-Bilder in Nachrichten nicht an, während GIF in E-Mail-Programmen seit Jahrzehnten funktioniert. Halten Sie die Breite moderat, etwa 300 bis 600 px, damit die Signatur schlank bleibt.

Welche SVG-Größenangaben liest der Konverter aus?

Es nutzt Breite, Höhe und viewBox der Zeichnung, um die Proportionen zu bestimmen, und zeichnet sie dann in der eingestellten Pixelbreite. Da die Quelle ein Vektor ist, kostet eine größere Breite keine Schärfe, sondern nur Dateigröße.