为什么一些动画GIF会用Pillow显示有问题的区域？

Question

我正在尝试在Django中调整大小和裁剪图像。我正在尝试添加对GIF图像的支持。

大多数都能正常工作，但有些恰好有意想不到的行为。一些奇特的GIF文件上出现了奇怪的小花样。

示例：

初始gif

​

​

已处理的gif

​

​

from PIL import Image

# crop_dim : (x, y, width, height)
# resize_dim : (width, height)
# path : save path
# image : image object
def crop_animated_image(crop_dim, resize_dim, path, image):

   crop_dim = (crop_dim[0], crop_dim[1], crop_dim[2] + crop_dim[0], crop_dim[3] + crop_dim[1])

   frames = crop_and_resize_frames(crop_dim, resize_dim, image)

   frames[0].info = image.info
   if image.get_format_mimetype() == "image/webp":
      frames[0].save(path, optimize=True, save_all=True, append_images=frames[1:], loop=0)
   elif image.get_format_mimetype() == "image/gif" or image.get_format_mimetype() == "image/apng":
      if len(list(frames)) == 1:
         frames[0].save(path, optimize=True)
      else:
         frames[0].save(path, optimize=True, save_all=True, append_images=frames[1:], loop=0, duration=image.info['duration'])


def crop_and_resize_frames(crop_dim, resize_dim, image):
frames = []
last_frame = image.convert('RGBA')
palette = image.getpalette()
try:
    while True:
        if not image.getpalette():
            image.putpalette(palette)

        new_frame = Image.new('RGBA', image.size)
        new_frame.paste(last_frame)
        new_frame.paste(image, (0, 0), image.convert('RGBA'))

        resized_frame = new_frame.crop(crop_dim)
        resized_frame = resized_frame.resize(resize_dim, Image.ANTIALIAS)

        frames.append(resized_frame)
        last_frame = new_frame
        image.seek(image.tell() + 1)

except EOFError:
    pass
return frames

我也使用了稍微修改过的that post解决方案，但问题是一样的。

以下是对源映像执行magick identify命令的结果：

glitchy.gif[0] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.000u 0:00.003
glitchy.gif[1] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.000u 0:00.006
glitchy.gif[2] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.000u 0:00.008
glitchy.gif[3] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.000u 0:00.010
glitchy.gif[4] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.000u 0:00.013
glitchy.gif[5] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.000u 0:00.015
glitchy.gif[6] GIF 34x17 667x373+366+183 8-bit sRGB 32c 0.000u 0:00.017
glitchy.gif[7] GIF 34x23 667x373+366+177 8-bit sRGB 32c 0.000u 0:00.020
glitchy.gif[8] GIF 34x23 667x373+366+177 8-bit sRGB 32c 0.000u 0:00.022
glitchy.gif[9] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.000u 0:00.024
glitchy.gif[10] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.000u 0:00.027
glitchy.gif[11] GIF 572x373 667x373+95+0 8-bit sRGB 128c 0.000u 0:00.029
glitchy.gif[12] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.000u 0:00.032
glitchy.gif[13] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.000u 0:00.034
glitchy.gif[14] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.000u 0:00.036
glitchy.gif[15] GIF 625x330 667x373+42+43 8-bit sRGB 256c 0.000u 0:00.039
glitchy.gif[16] GIF 639x373 667x373+28+0 8-bit sRGB 256c 0.000u 0:00.041
glitchy.gif[17] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.000u 0:00.044
glitchy.gif[18] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.000u 0:00.046
glitchy.gif[19] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.000u 0:00.048
glitchy.gif[20] GIF 558x373 667x373+109+0 8-bit sRGB 256c 0.000u 0:00.051
glitchy.gif[21] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.000u 0:00.053
glitchy.gif[22] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.000u 0:00.055
glitchy.gif[23] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.000u 0:00.058
glitchy.gif[24] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.000u 0:00.060
glitchy.gif[25] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.000u 0:00.062
glitchy.gif[26] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.000u 0:00.065
glitchy.gif[27] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.000u 0:00.068
glitchy.gif[28] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.000u 0:00.070
glitchy.gif[29] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.016u 0:00.073
glitchy.gif[30] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.016u 0:00.075
glitchy.gif[31] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.016u 0:00.077
glitchy.gif[32] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.016u 0:00.079
glitchy.gif[33] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.016u 0:00.081
glitchy.gif[34] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.016u 0:00.084
glitchy.gif[35] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.016u 0:00.088
glitchy.gif[36] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.016u 0:00.091
glitchy.gif[37] GIF 667x373 667x373+0+0 8-bit sRGB 256c 0.016u 0:00.093
glitchy.gif[38] GIF 636x373 667x373+31+0 8-bit sRGB 256c 1.93615MiB 0.016u 0:00.096

如果我删除裁剪并调整部分代码的大小，它也不起作用。你知道会发生什么吗？你知道怎么修吗？

提前感谢您的帮助！

Answer 1

答案很简单。

为了实现更好的压缩，GIF并不总是存储整个帧；相反，任何给定的GIF帧可能是严重依赖于先前帧的拼接，因此只有实际更改的像素才会被存储，而其余的则是透明的。

这就是你的GIF的情况。您需要手动将帧合并在一起才能获得预期的结果。