为什么某些动画 GIF 会在 Pillow 中显示毛刺区域？

问题描述

我正在尝试在 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,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,loop=0,duration=image.info['duration'])


def crop_and_resize_frames(crop_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

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

提前感谢您的帮助！

解决方法

答案很简单。

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

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