🍙

【Mac】フォルダにある画像を一括でwebpに変換する方法

2022/11/21に公開

現在Flutterでアプリを作っています。
アプリの容量を削減するために画像をwebpに変換しているのですが、
その際のコマンドをよく忘れるので備忘録としてここに記録しておきます。

やり方

  1. こんな感じでフォルダの中に画像を入れる

  2. 以下のパッケージを入れる。brewが入ってない方は、brewを入れるかpipなどから入れてください。

brew install webp

インストールできたらバージョン確認をしてみてください

cwebp -version
  1. ターミナルから画像のディレクトリに行く
    僕の場合はdesktop/aaaaaフォルダにあるので、
cd ~/desktop/aaaaa
  1. 一括変換コマンドを入力
for file in `find . -type f -name "*.jpg" -or -name "*.jpeg" -or -name "*.png"`;
do
   cwebp $file -o "${file%.*}.webp" >/dev/null 2>&1
done

(引用元)

mediaquery."【Windows/Mac対応】JPEG/PNGをWebPに一括変換するコマンドラインツール
".Webエンジニアポータル.2022/08/11.https://mediaquery.info/jpeg-png-to-webp/,(参照2022/11/21)


こんな感じに出力されました。
保存するフォルダのディレクトリを指定する際はもう少し書きますが、面倒なのでいつもこうやっています。

おすすめ

Flutterでアプリ開発を始める上での個人的なオススメをまとめています。
書籍はkindle unlimitedで新しいものを無料で読むのが良いと思います。

オススメ書籍

これから始める場合、flutter 1.x の時に書かれた本を読むのは辞めておいた方がいいです。
理由は、flutter 2.x 以降、null-safetyという仕様が加わり、書き方がガラッと変わりました。

僕は2.xがリリースされたあたりでFlutterを初めて、情報がアテにならずかなり苦戦しました。

これから始める方向け 【kindle unlimitedなら無料】

スマホで動くアプリを作ろう!ゼロから始めるFlutter実践入門編 ①: シンプルなアプリを作ってみよう
https://amzn.to/3yxutNM

初心者による初心者のためのFlutter詳解
https://amzn.to/39YcpSK

脱初心者向け(課金の実装など、具体的な実装方法や技術が書いてあります)

現場で使える Flutter開発入門
https://amzn.to/3kUXuLv

Discussion