如何使用grunt将图像大小调整为其大小的百分比？

Question

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

我有一个树形结构内的原始图像的文件夹

• GFX \ myDirectoryTree \ Files.png

我希望它调整文件导出到几个树形结构

• OUTPUT \ 100 \ myDirectoryTree \ Files.png> 100％尺寸
• OUTPUT \ 50 \ myDirectoryTree \ Files.png> 50％siz È
• OUTPUT \ 20 \ myDirectoryTree \ Files.png> 20％尺寸

Answer 1

下面是由bencripps提到咕噜图像调整大小节点封装的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 
    },