SVG to GIF Converter — Convert Vector Graphics to GIF

An Animated SVG Does Not Become an Animated GIF

This is the question that brings most people here, so here's the answer up front: you get one frame. We fed this converter a spinner animated with SMIL <animateTransform> and read the output back — the GIF contains exactly one frame. The rotation is gone.

The reason is structural, not a missing feature. Converting an SVG means loading it as an image and painting it once onto a canvas. A canvas holds a single grid of pixels — there is no timeline in it to read back. Producing an animated GIF would mean sampling the animation repeatedly over time, deciding a frame rate, and choosing when to stop looping. That is screen recording, not format conversion, and no browser API turns a running SVG animation into a frame sequence.

If you genuinely need an animated GIF, capture the animation with a screen recorder or a motion-graphics tool that exports GIF frames. If you already have an animated GIF and want it in a modern format, those conversions do preserve every frame: GIF to WebP and GIF to AVIF re-encode the whole animation.

Set the Pixel Size Before You Convert

An SVG has no pixels — it describes shapes with coordinates, so it stays sharp at any size. A GIF is a fixed grid of pixels. Converting means rasterizing: locking the artwork to one resolution, permanently. The converter uses the SVG's intrinsic size, meaning the width and height attributes on the root <svg> element.

Here is the trap. If your SVG never states a pixel size — a very common way to author icons — the browser falls back to its default 300×150 box for embedded images and fits your artwork inside it. You get a thumbnail, not a graphic. We converted four SVGs that differed only in how they declared their size:

So before converting, open the SVG in any text editor and give it the dimensions you actually want. Leave the viewBox alone and the artwork scales cleanly to fill them:

The 256-Color Ceiling: Flat Art Wins, Gradients Lose

A GIF carries a palette of at most 256 colors. Whether that matters depends entirely on the artwork, and the difference is stark. We measured both extremes through this page's own converter:

The flat icon is GIF's best case. Note that it converted faithfully even though its raster is not really two colors: the artwork uses two, but antialiasing along every curved edge blended them into 215 distinct colors, of which 213 exist only to smooth edges. The palette absorbed all of it in 47 colors plus a transparent index, and the GIF came out 4.5× smaller than the PNG. It also beat this converter's AVIF (3.2 KB) and JPG (6.5 KB) output — for artwork like this, GIF is the smallest raster the tool can write.

The gradient is GIF's worst case. Its raster held 15,047 distinct colors; the GIF reduced them to 195, with a worst-case error of 67 out of 255 on one color channel and only 1.4% of pixels reproduced exactly. The encoder dithers to disguise the loss, which scatters per-pixel noise that then defeats GIF's own compression — so you end up with a 111 KB file that still bands, where SVG to WebP produces 4.8 KB that doesn't. For anything with a gradient, shadow, or blur, GIF is the wrong target.

Transparency Becomes All or Nothing

GIF supports transparency, but only one bit of it: a pixel is either fully transparent or fully opaque. There is no partial alpha, so every soft edge, drop shadow, and faded overlay in your SVG has to fall to one side. The converter draws the line at an alpha of 128 — below that a pixel disappears, at or above it turns solid.

We converted an SVG containing a solid disc plus a ring drawn at 50% opacity. Of the 10,447 partially transparent pixels in the rasterized artwork, the GIF kept none as partial: the output holds exactly two alpha values, 0 and 255. The body of the 50%-opacity ring sat just above the threshold and came out fully solid — the same flat green as the disc, with no trace of its translucency — while the antialiased pixels along both of its edges fell below the threshold and disappeared.

This is worth checking before you commit. A logo with a soft shadow will get a hard, jagged silhouette. If your SVG has any semi-transparent element, SVG to PNG keeps full alpha and is almost always the right choice instead.

When GIF Is the Right Target for an SVG

GIF is rarely the best raster format, and after the sections above you know why. But some places take a GIF and nothing better:

• Email. Almost no email client renders SVG, and many strip it outright; GIF renders everywhere, including in Outlook.
• Sites that reject SVG uploads on security grounds — an SVG is a document that can carry scripts, so forums, wikis, and marketplaces frequently block it.
• Legacy CMSes, bulletin boards, and internal tools whose uploader allowlists predate WebP.
• Chat platforms and sticker or emoji slots that accept only GIF and PNG.
• Flat logos, icons, and diagrams with a handful of colors, where the palette costs you nothing.

If none of those apply, pick a different target. SVG to PNG is lossless, keeps real transparency, and is accepted nearly as widely. SVG to JPG suits photographic artwork on an opaque background. And if you have a GIF that you need in a modern format, GIF to PNG goes the other direction.

Frequently Asked Questions

Related Conversions