Blender render animation with transparent background

Render png sequence with transparent background

For Cycles engine:

1. Go to Output - Output - Color, and change it to RGBA
2. Go to Render - Flim , and check the “Transparent” checkbox.

Now render the animation, you will get png files with transparent background.

Make transparent GIF with ffmpeg

ffmpeg -i %4d.png -vf palettegen palette.png
ffmpeg -i %4d.png -i palette.png  -lavfi paletteuse -y anim.gif

Reference: https://gist.github.com/gka/148bbad67871fa6ca8d0b97e4eee94b5

Update: Animated WebP is supported by latest browsers, with smaller size.

# default value of loop is 1
ffmpeg -i %4d.png -loop 0 -y anim.webp