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画像の圧縮ができるようになりました。

BacklogのURLパラメータを、Keyboard Maestroのタイムスタンプ機能を使って生成してリンクを開く方法
Google DriveのmacOSアプリ「バックアップと同期」のインストールと最低限の設定方法
一般的によく使われているテキストエディタでのEmmetの設定方法まとめ
Visual Studio CodeでIllustratorのスクリプトを書く時に便利な拡張機能「ExtendScript Debugger」
テキストエディタをAtomからVisual Studio Codeに移行しました
撮影したスクリーンショットを、Hazleを使って自動的にImageOptimで画像圧縮する方法
Evernoteに公式のテンプレート機能が登場!!これでスムーズにテンプレートを呼び出すことが可能に!!
1Passwordでパスワード以外に管理しておくと便利な情報
チャットサービス統合アプリのStationがChrome拡張機能になって登場!キーボードだけでよくアクセスするサイトへ移動できる
Stationのサイドバーで、Slackのチームアイコンをメインに表示させる
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Alfredの1Password連携で、登録しているウェブサイトではなくアプリでログイン情報を開く方法
Macでマクロの作成が出来るKeyboard Maestroの基本的な使い方
高機能なスクリーンショットアプリ「CleanShot X」
URLを変更するときに必要なリダイレクトに関する基礎知識
Alfredで複数のアプリケーションを一括で起動するWorkflowの作成方法
クリップボード履歴を複数一括でペーストしたり、コピーした順にペーストするアプリ「Paste」
Figmaのバージョン管理機能を使って、デザインの変更点を管理する
Route 53のルーティングポリシーまとめ(位置情報ルーティングと地理的近接性ルーティングの違いは?)
macOSのシステム環境設定「ユーザとグループ」の設定見直し
CSSの読み込みで「its MIME type (‘text/html’) is not a supported stylesheet MIME type」エラーが表示されて読み込みができない場合の解決方法