使用Node.js的Sharp库创建GIF时遇到输入不支持错误

Sharp不支持直接传入帧数组作为构造函数的输入，你之前的写法完全错误，这也是报错的根本原因。Sharp的构造函数仅接受单个输入源（Buffer、文件路径、可读流），传入数组会被当成无效二进制数据，触发Unsupported input错误。

另外你的代码还有两处语法错误：

• [imagel, image2] { 缺少逗号，且imagel是拼写错误（应为image1），正确写法是[image1, image2], {
• .gif(f{ loop: 0 }) 多了冗余的f，正确写法是.gif({ loop: 0 })

正确的GIF生成方式 #

要组合多帧生成GIF，需要用composite()方法添加每帧，并配置帧延迟：

const sharp = require('sharp');

async function generateGif() {
  // 建议提前统一所有帧的尺寸，避免自动缩放变形
  const frameWidth = 300;
  const frameHeight = 300;

  try {
    // 初始化透明画布作为基础（若所有帧尺寸一致，也可直接用第一帧初始化）
    const gifBuffer = await sharp({
      create: {
        width: frameWidth,
        height: frameHeight,
        channels: 4,
        background: { r: 0, g: 0, b: 0, alpha: 0 }
      }
    })
    // 添加帧，delay为每帧停留时长（单位：毫秒）
    .composite([
      { input: image1, delay: 200 },
      { input: image2, delay: 200 }
    ])
    // 配置GIF参数：loop:0表示无限循环，quality控制画质
    .gif({ loop: 0, quality: 80 })
    .toBuffer();

    // 可将生成的Buffer写入文件或返回给客户端
    // await sharp(gifBuffer).toFile('output.gif');
    return gifBuffer;
  } catch (err) {
    console.error('生成GIF失败:', err);
    throw err;
  }
}

// 调用执行
generateGif();

注意事项 #

• 所有帧的尺寸尽量保持一致，避免Sharp自动缩放导致的画面变形
• input参数可以是Buffer、本地文件路径或可读流
• delay参数控制每帧的播放速度，可根据需求调整数值
• 如果不需要初始透明画布，也可以直接用第一帧作为基础：sharp(image1).composite([{ input: image2, delay: 200 }])

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