前端优化必备神器——撸一个自动压缩工具（Node.js）

2023-10-09 13:17:06

自动图片压缩工具：提升前端开发效率

作为一名前端开发人员，处理图像并对其进行优化是日常工作的一部分。然而，手动压缩图片往往耗时且费力，阻碍了我们完成更重要的任务。为了解决这个问题，我们可以借助 Node.js 开发一个自动压缩工具，简化图像处理流程。

安装必要的依赖项

首先，我们需要安装 sharp 库，它是一个功能强大的图像处理库，可以轻松实现图像压缩：

npm install sharp

编写压缩脚本

接下来，编写一个简单的脚本来处理图片压缩任务：

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

// 读取目标图片
const inputFile = 'path/to/input.png';
const inputBuffer = fs.readFileSync(inputFile);

// 压缩图片
const outputBuffer = await sharp(inputBuffer)
  .resize(500, 500)
  .toBuffer();

// 保存压缩后的图片
const outputFile = 'path/to/output.png';
fs.writeFileSync(outputFile, outputBuffer);

在上面的脚本中，我们首先读取目标图片，将其转换为二进制缓冲区。然后，我们使用 sharp 库的 resize() 方法将图片调整到指定大小，再使用 toBuffer() 方法将压缩后的图片转换为二进制缓冲区。最后，我们保存压缩后的图片到指定位置。

创建命令行工具

为了方便在终端中使用压缩工具，我们可以使用 Commander 库：

const program = require('commander');

program
  .command('compress <input> <output>')
  .description('Compress an image')
  .action((input, output) => {
    // 处理图片压缩任务
  });

program.parse(process.argv);