如何优化用户上载的图像以及Meteor中服务器上的现有图像

我看到两种完全不同的预算有两种方式：

1. 除非您只有1-2 GB，否则我不建议您这样做（https://transloadit.com/demos/file-importing/resize-all-images-in-an-s3-bucket/）

2. 将您的S3链接到Cloudinary服务，然后使用Cloudinary进行转换（您不喜欢它（$$）拥有的图像数量）。

3. 希望在AWS中，您可以使用Cloudfront服务您的资产。无论采用哪种转换技术，您都将主要做两件事：

   • 创建1 Lambda函数以转换S3中所有新创建的资产。我要做的是“监视” S3存储桶，所有新事件触发我的Lambda函数，并在其他2个文件夹中创建资产，最终得到：全分辨率，半分辨率和拇指分辨率。然后在Meteor中将各种尺寸链接到所需的尺寸。最典型的情况是，当您拥有用户个人资料图像时，需要在聊天中将其显示为完整标题，列表或小拇指。
   • 创建1个Lambda Edge（我相信会稍微增加一点$$），然后附加到您的Cloudfront Edge以响应所有呼叫。如果对于当前存储量而言，对于您来说存储成本不是太高，则可以按要求转换图像并替换旧的较大图像，而不是一次执行一次批量运行。

代替Lambda Edge，您可以使用Node设置EC2计算机，并运行一个功能以遍历所有S3资产并进行转换。

无论如何，我觉得您想要做的就是所有AWS，而与您的Meteor无关。还有一件事要做：在上传图片之前先对其进行优化。如果您将React与Meteor一起使用，我可以为您提供必要的组件，否则，我可以为您提供这些组件，然后编写Blaze视图层或您可以使用的其他任何东西。

如果您有兴趣使用这种方法，我可以在基于ImageMagic的生产中使用Lambda转换功能。我还计划“升级”此功能以使用Sharp（如示例中所示），但是暂时它在生产中表现出色，将在我有空的时候切换。检查此示例：

  Download the image from S3, transform, and upload to a different S3 bucket or folder.

  const dstKeyResizedHalf = `p-half/` + imageName
  s3.getObject({
    Bucket: srcBucket,
    Key: srcKey
  }).promise()
    .then(data => Sharp(data.Body)
      .jpeg({
        chromaSubsampling: '4:4:4',
        progressive: true
      })
      .resize(WEB_WIDTH_MAX)
      .toFormat('jpg')
      .toBuffer()
    )
    .then(buffer => s3.putObject({
      Body: buffer,
      Bucket: dstBucket,
      ContentType: 'image/jpg',
      Key: dstKeyResizedHalf,
      CacheControl: 'max-age=864000'
    }).promise())
    .catch(err => callback(err))
}