Sharp.js深度解析：Node.js图像处理的全能实践与高级技巧

本文链接：https://blog.csdn.net/gusushantang/article/details/141503232

Sharp.js 是一个高性能的 Node.js 图像处理库，基于 C 语言编写的 libvips 库封装而来，提供了便捷、高效的图片编辑与转换功能。以下是对 Sharp.js 的深入解析，包括全方位实践与技巧。

1. 安装与引入

首先，你需要通过 npm 安装 Sharp.js：

npm install sharp

然后，在需要使用 Sharp.js 的 JavaScript 文件中引入库：

const sharp = require('sharp');

2. 基本操作

Sharp.js 提供了丰富的图像处理功能，包括读取、转换格式、裁剪、旋转、滤镜应用等。

读取与保存图片

sharp('input.jpg')
  .toFile('output.png', (err, info) => {
    if (err) throw err;
    console.log(`Output image saved with size ${info.size}`);
  });

图片格式转换

sharp('input.jpg')
  .toFormat('webp')
  .toFile('output.webp', (err, info) => {
    if (err) throw err;
    console.log(`Converted to WebP, output image saved with size ${info.size}`);
  });

裁剪图片

sharp('input.jpg')
  .extract({ left: 100, top: 50, width: 300, height: 200 })
  .toFile('output_cropped.jpg', (err, info) => {
    if (err) throw err;
    console.log(`Cropped image saved with size ${info.size}`);
  });

旋转图片

sharp('input.jpg')
  .rotate(90)
  .toFile('output_rotated.jpg', (err, info) => {
    if (err) throw err;
    console.log(`Rotated image saved with size ${info.size}`);
  });

应用滤镜

sharp('input.jpg')
  .resize(800, 600) // 先缩放到指定尺寸
  .sharpen() // 应用锐化滤镜
  .blur(10) // 应用模糊滤镜，参数为模糊半径
  .toFile('output_filtered.jpg', (err, info) => {
    if (err) throw err;
    console.log(`Filtered image saved with size ${info.size}`);
  });

3. 高级功能

流式处理

Sharp.js 支持流式处理，可以高效地处理大文件或网络流：

const http = require('http');
const fs = require('fs');

http.get('http://example.com/large-image.jpg', (response) => {
  response.pipe(
    sharp()
      .resize(800, 600)
      .jpeg({ quality: 80 })
      .toBuffer((err, buffer, info) => {
        if (err) throw err;
        console.log(`Resized & compressed image has size ${info.size}`);
        fs.writeFileSync('output_from_stream.jpg', buffer);
      })
  );
});

并行处理

Sharp.js 支持并行处理多个图像，提高批量处理的效率：

const fs = require('fs');
const path = require('path');
const { promisify } = require('util');
const sharp = require('sharp');
const readdirAsync = promisify(fs.readdir);

async function processImages(directory, outputDir) {
  const files = await readdirAsync(directory);
  const imageFiles = files.filter((file) => /\.(jpg|png)$/i.test(file));
  
  const resizePromises = imageFiles.map(async (imageFile) => {
    const inputPath = path.join(directory, imageFile);
    const outputPath = path.join(outputDir, `${Date.now()}_${imageFile}`);
    // 进行图像处理操作
  });

  await Promise.all(resizePromises);
}

4. 质量控制与压缩

Sharp.js 允许开发者控制输出图像的质量和压缩级别，平衡图像质量和文件大小。例如，使用 mozjpeg 优化 JPEG 图像：

sharp('input.jpg')
  .resize(null, null, { withoutEnlargement: true })
  .toFormat('jpeg', { quality: 75 })
  .toFile('output_compressed.jpg', (err, info) => {
    if (err) throw err;
    console.log(`Compressed image saved with size ${info.size}`);
  });