节点。js：不使用ImageMagick调整图像大小

Question

我正在Node上开发一个web应用程序。js（express 4），用户可以通过上传到服务器来设置他们的个人资料图像。我们已经限制了文件mimetype和最大文件大小，因此用户上传的png或jpeg图像不能超过200KB。

问题是，我们希望将上传的图像分辨率（服务器端）调整为200x200，以提高页面加载并节省磁盘空间。经过一些研究，所有答案都指向使用基于ImageMagick或GraphicsMagick的任何模块。

然而，必须安装ImageMagick/GraphicsMagick来进行简单的图像大小调整对我来说似乎太过分了，所以，除了这个之外，还有其他解决方案ode.js?

编辑：我已经将接受的解决方案更改为夏普，因为不再维护以前的解决方案（lwip）。感谢您的所有反馈！

Answer 1

看看lwip：https://github.com/EyalAr/lwip

非常简单易用

npm install lwip

然后在你的节点代码中，

// obtain an image object:
require('lwip').open('image.jpg', function(err, image){

  // check err...
  // define a batch of manipulations and save to disk as JPEG:
  image.batch()
    .scale(0.75)          // scale to 75%
    .rotate(45, 'white')  // rotate 45degs clockwise (white fill)
    .crop(200)            // crop a 200X200 square from center
    .blur(5)              // Gaussian blur with SD=5
    .writeFile('output.jpg', function(err){
      // check err...
      // done.
    });

});

我已经在我的文件上传程序中成功地实现了这一点，它的工作方式很有魅力。

Answer 2

我最近开始为NodeJS开发一个没有任何运行时依赖的图像处理模块（阅读原因）。它仍处于早期阶段，但已经可以使用了。

你所要求的将按以下方式完成：

image.resize(200, 200, function(err, image){
    // encode resized image to jpeg and get a Buffer object
    image.toBuffer('jpg', function(err, buffer){
        // save buffer to disk / send over network / etc.
    });
});

更多信息在模块的Github回购。

Answer 3

我会投票支持夏普：

sharp('input.jpg')
  .resize(200, 200)
  .toFile('ouput.jpg', function(err) {
    // output.jpg is a 200 pixels wide and 200 pixels high image
    // containing a scaled and cropped version of input.jpg
  });

它的速度很快，通常比最快的基于imagemagick的节点绑定快6倍，并且运行在非常少的内存中，可能要少10倍。直接链接到libvips图像库，无需向外部程序进行炮击，而且库本身在这项任务上比*magick更快、更高效。它支持流、缓冲区和文件系统输入和输出、颜色管理、透明度、promise、覆盖、WebP、SVG等有用的东西。

从sharp 0.20开始，npm将在大多数平台上自动下载完整的预编译二进制文件，因此不需要节点gyp。只需输入：

npm install sharp

或：

yarn add sharp

你走吧。