Gruntjs 如何使用grunt按图像大小的%调整图像大小?

Gruntjs 如何使用grunt按图像大小的%调整图像大小?,gruntjs,imagemagick,Gruntjs,Imagemagick,如何使用grunt将图像调整为原始大小的倍数 我有一个树状结构中包含原始图像的文件夹 GFX\myDirectoryTree\Files.png 我希望它将调整大小的文件导出到几个树结构中 输出\100\myDirectoryTree\Files.png>100%大小 输出\50\myDirectoryTree\Files.png>50%大小 输出\20\myDirectoryTree\Files.png>20%大小 下面是bencripps提到的grunt image resize节点包

如何使用grunt将图像调整为原始大小的倍数

我有一个树状结构中包含原始图像的文件夹

  • GFX\myDirectoryTree\Files.png
我希望它将调整大小的文件导出到几个树结构中

  • 输出\100\myDirectoryTree\Files.png>100%大小
  • 输出\50\myDirectoryTree\Files.png>50%大小
  • 输出\20\myDirectoryTree\Files.png>20%大小

下面是bencripps提到的grunt image resize节点包的gruntfile.js任务示例

image_resize: {
      resize_50: {
        options: {
          width: '50%',
          quality: 1,
          overwrite: true
        },
        files: [{
          expand: true,
          cwd: 'GFX/myDirectoryTree',
          src: ['{,*/}*.{gif,jpeg,jpg,png}'],
          dest: 'OUTPUT/50/myDirectoryTree',
        }]
      },
      resize_20: {
        options: {
          width: '20%',
          quality: 1,
          overwrite: true
        },
        files: [{
          expand: true,
          cwd: 'GFX/myDirectoryTree',
          src: ['{,*/}*.{gif,jpeg,jpg,png}'],
          dest: 'OUTPUT/20/myDirectoryTree',
        }]
      }2
   },
也许这会有帮助?