SVG to GIF Converter

You have a vector graphic and a place that insists on GIF, such as a legacy forum, an old content system or an e-mail template. This page draws your SVG in the browser at the size you choose and saves one still GIF frame. SVG animations are not carried over.

Drop images here, click to choose, or paste with Ctrl+V
SVG files · many files at once · nothing is uploaded
Embed this tool on your websiteShow code

Free to use on any site. Paste the code where you want the tool to appear. It runs inside the page; visitors' files are processed in their own browser and are not uploaded.

WordPress and most site builders have a "Custom HTML" block where this code can be pasted. The embed keeps a small link back to CalcMaster.

How to convert SVG to GIF

  1. Add your SVG files by dropping them, clicking the drop zone or pasting.
  2. The output format is already set to GIF. Adjust quality or size if you need to.
  3. Press Convert and compare the original and new size for each file.
  4. Download each file or all of them as a ZIP.

When to convert, and when not to

  • A platform accepts GIF but rejects SVG and PNG.
  • The graphic is flat, with a limited set of colours, such as a logo or simple diagram.
  • You need a still image at a fixed pixel size.
  • Do not expect animation from an animated SVG; only a single frame is produced.

What changes

  • The SVG is rasterised at its own size, or at the size you set with Resize by percent or maximum width and height.
  • GIF uses a palette of 255 colours plus one transparent colour, so gradients and soft shadows can show banding or hard edges.
  • Pixels that are mostly transparent become fully transparent. Partly transparent edges are not blended.
  • Fonts that the browser lacks and images linked from outside the SVG may not draw as expected.
  • No quality slider applies, and metadata is not carried over.

Choosing the pixel size up front

A vector has no built-in pixel size, but a GIF does. Decide how large the picture needs to appear and set it with the Resize options before converting. Drawing at the final size gives a sharper result than making a GIF and enlarging it later.

If the SVG does not declare its own width and height, the converter uses a default square size, so it is worth setting the dimensions you want.

What GIF does to flat vector art

Logos made of solid colours transfer to GIF very well, since the palette can hold each colour exactly. Problems appear with gradients, glows and drop shadows. Gradients are approximated by a limited set of steps, and shadows that fade out turn into a hard-edged shape.

If your design relies on those effects, PNG is almost always a better choice, and many modern platforms accept it.

No animation, by design

Some SVG files contain animation. This converter draws the picture once and writes a single frame, so the result is static. If you need a moving GIF, you will need a tool built for animation. For a still graphic, this page is a quick, private way to get a compatible file.

Because GIF is limited to 256 colours, vector artwork with many similar shades can lose subtlety. Logos in two to five flat colours tend to look excellent, while illustrations with soft lighting are better delivered as PNG. Convert the same drawing both ways if you are unsure and compare them.

Keep the original SVG whenever you can. A GIF is a fixed-size picture, so if you later need a bigger version you will want to redraw from the vector rather than enlarge the bitmap.

Privacy: your files stay on your device

  • The tool decodes, resizes and encodes your pictures with your browser. The files are never sent to a server.
  • To check it yourself: open the browser developer tools (F12), open the Network tab, convert a file, and look for any request that carries your image. You will see none.

Frequently asked questions

Can I turn an animated SVG into an animated GIF?

No. You get one still frame.

How do I get a bigger GIF?

Use Resize before converting so the vector is redrawn at the larger size, instead of enlarging the GIF afterwards.

Why do the edges of my shapes look jagged?

GIF cannot store partial transparency, so smooth edges against a transparent background become stepped.

Will my gradients survive?

They are reduced to the available palette and can show banding. PNG keeps them smooth.

Is the SVG uploaded?

No. Everything runs in your browser.

Related converters