Node.js轻松搞定图片批量生成，助力传播更便捷

前端

2023-11-30 08:18:12

在日常工作中，总会遇到一些需要和“批量生成图片”相关的事情，尤其是在需要做内容传播的场景下：毕竟图片更直观、更有冲击力。比如说：

手头有一堆招聘需求，但是平台允许发布的字数有限，没关系，可以使用九宫格图片大法，把内容当长图发出来，但是制作长图还需要考虑排版，纯代码实现太过繁琐。
举行了公司活动，需要把活动现场的照片做成相册，但是一张张处理太费劲，有没有什么方法可以批量处理呢？
设计师给的图片素材需要加上水印或者做一些简单的编辑，但是每次都要打开图片编辑软件也太麻烦了，有没有什么方法可以实现自动化处理呢？

如果以上这些问题你也遇到过，那么本文将介绍如何使用Node.js轻松实现图片批量生成，助力传播更便捷。

使用Node.js批量生成图片

Node.js是一个非常流行的JavaScript运行时环境，它提供了丰富的库和工具，可以帮助我们轻松实现各种各样的任务，其中也包括图片批量生成。

1. 安装必要的库

首先，我们需要安装必要的库来帮助我们处理图片。

npm install sharp

其中，sharp是一个强大的图像处理库，它可以帮助我们轻松地处理各种各样的图片。

2. 编写代码

安装好必要的库之后，就可以开始编写代码了。

const sharp = require('sharp');

// 读取图片文件
const image = sharp('input.jpg');

// 调整图片大小
image.resize(200, 200);

// 添加水印
image.composite([{ input: 'watermark.png', gravity: 'southeast' }]);

// 保存图片文件
image.toFile('output.jpg');

这段代码的功能如下：

使用sharp库读取一张图片文件。
将图片的大小调整为200x200像素。
在图片的右下角添加一个水印。
将处理后的图片保存为一个新的文件。

3. 批量生成图片

上述代码只能处理一张图片，如果我们需要批量生成图片，可以使用如下代码：

const fs = require('fs');

// 读取图片文件列表
const files = fs.readdirSync('input');

// 遍历图片文件列表
files.forEach(file => {
  // 读取图片文件
  const image = sharp(`input/${file}`);

  // 调整图片大小
  image.resize(200, 200);

  // 添加水印
  image.composite([{ input: 'watermark.png', gravity: 'southeast' }]);

  // 保存图片文件
  image.toFile(`output/${file}`);
});