如何使用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 
    },