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

时间:2014-10-04 23:08:52

标签: gruntjs imagemagick

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

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

  • GFX \ myDirectoryTree \ Files.png

我希望它将调整大小的文件导出到多个树结构

  • OUTPUT \ 100 \ myDirectoryTree \ Files.png> 100%尺寸
  • OUTPUT \ 50 \ myDirectoryTree \ Files.png> 50%尺寸
  • OUTPUT \ 20 \ myDirectoryTree \ Files.png> 20%尺寸

1 个答案:

答案 0 :(得分:1)

这是bencripps提到的grunt-image-resize Node包的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
   },