JavaScript (Node.js) 图像处理

JavaScript (Node.js) 图像处理：库概览与示例

在现代 Node.js 网页开发中，经常需要处理图像：调整大小、转换格式、添加水印或应用滤镜。尽管 JavaScript 最初并非为图形处理而设计，但 Node.js 生态系统提供了几个强大的库，能够高效且以最小内存消耗解决这些任务。

在本文中，我们将介绍三种最流行的工具：Sharp（高性能处理）、Jimp（纯 JavaScript，无外部依赖）和 Canvas（浏览器 API 的模拟）。每个库都有其优势，选择取决于项目的具体任务。

1. Sharp — 速度与效率

Sharp 是 Node.js 中最快的图像处理库。它使用原生 libvips 模块（C/C++），能够以最小的内存占用处理大型图像。Sharp 非常适合需要高性能和流水线处理的服务器端应用程序。

Sharp 的主要功能：

调整大小、裁剪、旋转图像
在 JPEG、PNG、WebP、AVIF、TIFF 格式之间转换
应用色彩校正和透明度叠加
处理 EXIF 元数据
通过 pipe 进行流式处理

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

const sharp = require('sharp');

async function processImage() {  try {    await sharp('input.jpg')      .resize(300, 200)            // 宽度 300，高度 200      .webp({ quality: 80 })       // 转换为 WebP，质量 80%      .toFile('output.webp');    console.log('图像已处理！');  } catch (error) {    console.error('错误：', error);  }}

processImage();

Sharp 的特点在于支持操作链。您可以依次应用 resize、rotate、grayscale 和 toFormat，而无需创建中间文件。这节省了时间和资源。

2. Jimp — 无需原生依赖的简洁性

Jimp（JavaScript Image Manipulation Program）是一个完全用 JavaScript 编写的库。它的主要优势是不需要编译原生模块。Jimp 可以在任何有 Node.js 的平台上运行，包括 Windows、macOS 和 Linux。然而，通用性是以速度为代价的：在处理大文件时，Jimp 比 Sharp 慢。

Jimp 的功能：

基本操作：调整大小、裁剪、旋转
色彩效果：亮度、对比度、反相、棕褐色
叠加文字和其他图像
支持 JPEG、PNG、BMP、GIF、TIFF 格式
像素级操作

示例：在图像上叠加文字

const Jimp = require('jimp');

async function addText() {  const image = await Jimp.read('background.jpg');  const font = await Jimp.loadFont(Jimp.FONT_SANS_64_WHITE);

  image    .resize(800, 600)    .print(font, 50, 50, '你好，世界！')    .write('output.jpg');

  console.log('文字已叠加！');}

addText();

Jimp 非常适合原型设计或性能不关键的项目。例如，用于教育机器人或小型表情包生成服务。