【tinypng】tinypng-cliを使ってnodeでフォルダ内全ての画像を自動で圧縮をする方法

【tinypng】tinypng-cliを使ってnodeでフォルダ内全ての画像を自動で圧縮をする方法

https://github.com/websperts/tinypng-cli
内のcliを使って画像を圧縮してしまう方法

まずはユーザー登録
https://tinypng.com/developers

【tinypng】tinypng-cliを使ってnodeで画像圧縮をする

【tinypng】tinypng-cliを使ってnodeで画像圧縮をする

【tinypng】tinypng-cliを使ってnodeで画像圧縮をする

【tinypng】tinypng-cliを使ってnodeで画像圧縮をする

【tinypng】tinypng-cliを使ってnodeで画像圧縮をする

【tinypng】tinypng-cliを使ってnodeで画像圧縮をする


npm install -g tinypng-cli

試しにデスクトップにある画像を圧縮する
cdでデスクトップに移動してAPI Keyを付与して実行

【tinypng】tinypng-cliを使ってnodeで画像圧縮をする方法

【tinypng】tinypng-cliを使ってnodeで画像圧縮をする方法

任意
⬇️
常に API Keyを打たなくていいように
homeディレクトリ(cd ~)に「.tinypng」のドットファイル(不可視ファイル)を作ってAPI Keyを登録しておく

【tinypng】tinypng-cliを使ってnodeで画像圧縮をする方法

【tinypng】tinypng-cliを使ってnodeで画像圧縮をする方法

【tinypng】tinypng-cliを使ってnodeで画像圧縮をする方法

【tinypng】tinypng-cliを使ってnodeで画像圧縮をする方法

8

全て圧縮されました

便利

 

その他便利コマンド

To shrink all PNG images within the current directory and subdirectoies, use the -r flag
現在のディレクトリとサブディレクトリを圧縮。 -rフラグをつける
tinypng -r
To shrink all PNG images within a specific directory (assets/img in this example), you may run the following command.

特定のフォルダ内をやりたい時

tinypng assets/img
You may also provide multiple directories.

複数のディレクトリをいっぺんにやりたい時

tinypng assets/img1 assets/img2
To shrink a single PNG image (assets/img/demo.png in this example), you may run the following command.

一つのimageをやりたい時

tinypng assets/img/demo.png
You may also provide multiple single PNG images.

複数のimageをやりたい時

tinypng assets/img/demo1.png assets/img/demo2.png

 

リサイズをしたい時
To resize an image, use the --width and/or --height flag.

tinypng assets/img/demo.png --width 123
tinypng assets/img/demo.png --height 123
tinypng assets/img/demo.png --width 123 --height 123