How to make gif from circular masked images?

Question

I have a folder with circular masked png images:

Usually I use this code to make gifs:

import imageio
import os

imglist = []
images = []
path = ('\\').join(__file__.split('\\')[:-1]) + '\\' + 'images\\'
for r, _, f in os.walk(path):
    for i in f:
        imglist.append(r + i)

for filename in imglist:
    if filename.endswith('.png'):
        images.append(imageio.imread(filename))

frames_per_second = 24
gifpath = ('\\').join(__file__.split('\\')[:-1]) + '\\' + 'GIF.gif'
imageio.mimsave(gifpath, images, duration = 1/frames_per_second)

This works fine for ordinary images but it seems to ignore masked images. The gif looks like this:

Any idea how to make a circular gif?

I believe that Python Wand will be able to create animated gifs with transparency. It is built upon Imagemagick. But note that GIF only supports binary transparency (fully opaque or fully transparent). — fmw42, Oct 24 '19 at 21:11

score 1 · Answer 1 · edited Nov 10 '19 at 10:04

Your png files uses transparency, as it is true that GIF kind of support transparency, it is not the case of the imageio library.

If it is okay to have the masked area being white, you can do this inside your loop. Just replace :

for filename in imglist:
if filename.endswith('.png'):
    images.append(imageio.imread(filename))

With :

for filename in imglist:
if filename.endswith('.png'):
    tmp_image = imageio.imread(filename)
    mask = (tmp_image[:,:,3] == 0) #where transparency channel is 0
    tmp_image[mask] = [255,255,255,255] #Set those pixels to white (other color if you prefer)
    images.append(tmp_image)

GIF transparency is a bit special, you set one of the color to be render as transparent. If you want to do it in Python this thread should help.

I would also recommend to learn a bit how to make gif directly with ffmpeg. It is a bit hard to learn at first but it is what all the video/gif libraries uses behind the scene.

Best, R.

How to make gif from circular masked images?

1 Answers1