スマホで撮影した写真はなぜ大容量なのか・・・

スマホで撮影した写真は、Dropboxで同期しています。

ただ、撮影した写真の1つ1つの容量が4-5MBと大きいのは何とかならないのでしょうか・・・。そんな大容量の写真は業務でもプライベートでも必要ないですし。

ということで、定期的に、1ファイル1MB以内に圧縮しています。

そんな話を友人にしていたら「1つ1つの写真を圧縮するなんて面倒じゃない？」と驚かれたのですが、もちろん、まとめて圧縮しています。

すると「どうやってまとめて圧縮するの？」と質問されたので、今回はその方法を紹介します。

こういった定型作業の自動化こそが、まさにPCの本領発揮の場面と言えます。

画像ファイルを一気に圧縮するgulp-imagemin

多くの場合、ツールのインストール方法から紹介するのですが、そうすると「難しい・・・」「自分には無理・・・」といった印象を持たれがちです。

そのため、gulp-imageminを導入したらどうなるのか、ゴールから紹介します。

• 圧縮したいファイルをフォルダにまとめて入れる
• 1行のコマンドを実行
• 上と別のフォルダに圧縮された画像が作られる

簡単ですよね？

ターミナル（Macの場合、Windowsは多分だけどコマンドプロンプト）で、以下の1行のコマンドを実行するだけです。

$ npx gulp

gulp-imageminの圧縮率は7-8割

以下の画像が、before（6.8MB） → after（1.2MB）、1/4以下の容量に圧縮できています。

ちなみに、今回圧縮したのは1つの画像ファイルですが、100以上のファイルでもコマンド一発で圧縮できます。

実際、240ファイルを圧縮した結果が以下のとおりです。

$ npx gulp
[23:17:18] Using gulpfile ~/gulp_imagemin/gulpfile.js
[23:17:18] Starting 'default'...
[23:18:44] gulp-imagemin: Minified 240 images (saved 1.3 GB - 81.8%)
[23:18:44] Finished 'default' after 1.43 min

1.59GB → 290MBとなり、合計1.3GB分を圧縮、圧縮率は81.8%。

要した時間は、わずか1.43分。

240ファイルを1分ちょっとで圧縮できるなんてすごいと思いませんか？

gulp-imageminのインストール

では、何が必要なのか？ ツールのインストール方法は？

ということになりますが、私も以下の参考記事を見てそのまま実行しただけなので、以下をご参考ください。 ←手抜き？

参考：gulpで画像を軽量化、gulp-imageminを使ってコマンドラインから画像を圧縮する（インストール編）

参考：GitHub - gulp-imagemin