如何用ImageMagick将动画GIF与PNG边框合成并保留动画？

核心思路 #

1. 展开GIF的增量帧为完整帧，避免合成时出现画面瑕疵
2. 将每个GIF帧定位到PNG边框的画布尺寸内，设置指定偏移量
3. 将PNG边框作为上层合成到每帧上
4. 优化GIF图层以减小体积并保留动画效果

最终命令（Windows ImageMagick 7） #

magick testgif.gif -coalesce -repage 640x260+20+20 null: frame3.png -composite -layers optimize out.gif

命令解释 #

• -coalesce：把GIF的增量帧（仅存储与前一帧差异的帧）转换为完整帧，确保每帧合成时都能正确显示全部内容，解决画面瑕疵问题
• -repage 640x260+20+20：将每个GIF帧放置在640x260的画布上，左上角偏移20x20像素，匹配PNG边框的尺寸和要求的位置
• null:：作为分隔符，区分输入的GIF帧序列和PNG边框文件
• -composite：将PNG边框合成到每个GIF帧的上层，PNG的透明区域会自然显示下方的GIF内容
• -layers optimize：对生成的GIF进行图层优化，删除冗余帧、压缩数据，大幅减小文件体积，同时保留动画效果

额外说明 #

如果你的GIF原本有白色背景需要透明处理，可在-coalesce前添加-transparent white（需确保PNG边框没有需要保留的白色区域）：

magick testgif.gif -transparent white -coalesce -repage 640x260+20+20 null: frame3.png -composite -layers optimize out.gif

内容的提问来源于stack exchange，提问作者Daerst