Question

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

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

GFX \ myDirectoryTree \ Files.png

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

OUTPUT \ 100 \ myDirectoryTree \ Files.png＆gt; 100％尺寸
OUTPUT \ 50 \ myDirectoryTree \ Files.png＆gt; 50％尺寸
OUTPUT \ 20 \ myDirectoryTree \ Files.png＆gt; 20％尺寸

Answer 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
   },

如何用grunt调整大小％的图像大小？

1 个答案: