Node.js 图像处理：Sharp、Jimp 和 gm 库

在 Node.js 中处理图像：最佳库概览

在现代 Node.js 网页开发中，经常需要以编程方式处理图像：调整大小、转换格式、添加水印或优化以加快网站加载速度。在本文中，我们将介绍 Node.js 环境下三个最流行的图像处理库：Sharp、Jimp 和 gm (GraphicsMagick)。

1. Sharp — 快速高效的图像处理

Sharp 库使用用 C 语言编写的原生模块 libvips，从而提供最佳性能。它非常适合需要每秒处理数十甚至数百张图像的服务器端应用程序。

安装

npm install sharp

主要功能与示例

• 调整大小 — resize(width, height)
• 格式转换 — toFormat('webp')
• 裁剪与旋转 — extract(), rotate()
• 叠加文本 — composite()

示例：调整大小并转换为 WebP 格式

const sharp = require('sharp');

sharp('input.jpg')  .resize(800, 600)  .toFormat('webp')  .toFile('output.webp')  .then(info => console.log('完成:', info))  .catch(err => console.error(err));

示例：创建裁剪后的缩略图

const sharp = require('sharp');

sharp('large-photo.jpg')  .resize(200, 200, { fit: 'cover' })  .toFile('thumbnail.jpg')  .then(() => console.log('缩略图已创建'));

2. Jimp — 纯 JavaScript 解决方案

Jimp 库（JavaScript Image Manipulation Program）完全用 JavaScript 编写，无需安装额外的系统依赖。这使其成为无法使用原生模块的环境（例如某些云平台）的理想选择。

安装

npm install jimp

主要功能

• 调整大小、裁剪、旋转
• 应用颜色效果（灰度、反色）
• 使用可选字体叠加文本
• 处理透明度（PNG）

示例：在图像上叠加文本

const Jimp = require('jimp');

Jimp.read('background.png')  .then(image => {    return Jimp.loadFont(Jimp.FONT_SANS_32_WHITE)      .then(font => {        image.print(font, 50, 50, '你好，世界！');        return image.writeAsync('result.png');      });  })  .catch(err => console.error(err));

示例：创建灰度图像

const Jimp = require('jimp');

Jimp.read('colorful.jpg')  .then(image => {    return image      .greyscale()      .writeAsync('black-white.jpg');  })  .catch(err => console.error(err));

3. gm (GraphicsMagick) — 处理复杂任务的强大工具

gm 库是系统工具 GraphicsMagick 或 ImageMagick 的封装。它提供了几乎无限的图像处理能力，但需要在服务器上安装相应的软件。

安装

npm install gm

还需要在系统中安装 GraphicsMagick 或 ImageMagick（例如，通过 apt-get、brew 或 Windows 安装程序）。

主要功能

• 支持所有图像格式
• 复杂的图层和蒙版叠加
• 高级色彩校正
• 批量处理

示例：添加水印

const gm = require('gm');

gm('input.jpg')