How to Convert SVG to Video  Animated SVG to MP4 & GIF
Export animated SVG as MP4 or GIF for social media, presentations, and platforms that don't support SVG natively.
Drop your image here
Supports PNG, JPG, BMP, WEBP up to 5MB
Methods to Convert SVG Animation to MP4
Three approaches: (1) Puppeteer or Playwright headless browser records the SVG animation and pipes frames to ffmpeg. (2) Open in Chrome, record with OBS or Quicktime. (3) Import SVG into After Effects for full video production.
- Puppeteer + ffmpeg: scriptable, no UI needed
- OBS screen capture: easiest for one-off exports
- After Effects: best quality, full motion graphics control
Converting SVG to GIF
Use the same Puppeteer frame capture approach, then stitch frames into GIF with gifsicle or gifski. Limit frame rate to 12–24 FPS and colors to 256 for small file sizes.
- Capture PNG frames with Puppeteer at each animation tick
- Stitch frames with gifski for high-quality output
- Optimize with gifsicle --optimize for web delivery
Frequently Asked Questions
Can I use ffmpeg alone to convert SVG to video?
ffmpeg cannot render SVG animations directly  use a headless browser (Puppeteer) to render frames first, then pipe them to ffmpeg for encoding.
How do I export an animated SVG as a GIF for Twitter?
Record the animation in a browser, capture frames with Puppeteer, and convert to GIF with gifski. Keep under 5 MB for Twitter GIF upload limits.
Related guides
Ready to Convert Your Image to SVG?
Free online converter — no sign-up, no watermarks, results in under 3 seconds.
Try It Free — Convert Image to SVG