PNG画像の圧縮をpngquantとAutomatorを使って右クリックメニューからできるようにする

MacにはAutomatorという、色んな操作を自動化するアプリがデフォルトで入っています。
今回はそのAutomatorと、pngquantというコマンドライン上でPNG画像を最適化するツールを組み合わせて右クリックメニューからPNG画像の最適化ができるように設定します。
pngquantをインストール
まずはpngquantをインストールします。
panquantをコマンドライン上で動作するPNG画像の圧縮ツールです。インストールにはHomebrewを使用します。
Homebrewが何か分からない方は過去に詳しい記事を書いているので参考にしてください。
$ brew install pngquant
Automatorの設定
Automatorではどんな状態にどんなアクションを実行するのか設定していくのですが、今回は細かいことは置いておいて、とりあえず手順を追って進めていけば完成するように書いていきます。
まずはAutomatorを開いて[ファイル]→[新規]を選択します。
すると書類の種類を選択する画面が表示されるので、「クリックアクション」をクリックして「選択」ボタンをクリックします。

[ワークフローが受け取る現在の項目:]を「イメージファイル」に変更します。これで画像を右クリックした時にだけメニューが出てくるようになります。

次にアクションの登録です。左上の検索バーに「シェルスクリプト」と入力して検索し、[シェルスクリプトを実行]というアクションを右のグレーの場所にドラッグします。

[シェル:]は「/bin/zsh/」で[入力の引き渡し方法:]は「引数として」を選択。
その下の入力欄には下記のコマンドを入力します。このコマンドがpngquantを実行するためのコマンドになります。
/usr/local/bin/pngquant --ext .png --force "$@"
あとは[ファイル]→[保存](command + S)でファイルに名前を付けて保存します。ちなみにこのファイル名がそのまま右クリックした時に表示される項目名になるので注意しましょう。
これであとはFinder上でPNG画像を右クリックすれば下の方に、先ほど保存したファイル名が表示されているはずです(項目が多い場合は隠れていることもあります)。

少し設定に手間がかかりますが、これで右クリックからすぐにPNG画像の圧縮ができるようになりました。

Alfredを立ち上げたら自動で入力モードを「英数」に切り替える設定方法
アプリやフォルダを一気に開ける「Workspaces」の環境設定
Alfredで特定のフォルダ内だけを検索するWorkflowを作成する方法
Macのプレビュー.appを使って画像のトリミングを行う方法
Alfredと1Passwordの連携をもっと便利に使いこなすための1Passwordのカテゴリ管理方法
macOSのシステム環境設定「Dock」の設定見直し
Path Finder 8のサイドバー設定がたまに初期化されてしまう問題
Alfredの設定画面でショートカットキーが認識されない場合はKeyboard Maestroの設定を確認しよう
Illustratorをスクリプトで操作する時の基本
FontExplorer X Proのアプリケーションセット機能で、アプリを起動したタイミングで自動的にフォントの有効化を行う方法
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
gulpでSSI(サーバーサイドインクルード)を使用する「connect-ssi」
gzip圧縮をしてウェブサイトの表示スピードを上げる方法
Keyboard MaestroでGoogle Chromeのタブグループ化にショートカットキーを割り当てておく
合字に対応したプログラミング用フォント「Fira Code」でテキストエディタが見やすくなる
Google日本語入力のRomaji tableを設定して、ローマ字入力する感覚で絵文字を表示させる方法
Apacheのテストページを非表示にする方法
mac環境にnodebrew経由でNode.jsをインストールしてバージョンを管理する方法
iTerm2をホットキーで表示・非表示の切り替える方法
ツイエバを使ってTwitterのいいねやツイート履歴をEvernoteに保存する方法
Google Maps APIでピンのアクティブ時にピン画像を変える方法