ImageOptimで画像圧縮に最適な設定を行う

Macの画像圧縮アプリでおそらく一番有名なImageOptim。
PNG・JPG・GIF・SVGとWebで使用する画像形式はひと通り対応しているので、非常に便利なのですが、デフォルトの状態だと可逆圧縮(後から画質をもとに戻せるレベルで圧縮する方式)になってしまっているので、圧縮率がイマイチです。
というわけで今回はImageOptimの最適な圧縮設定について考えてみます。
ImageOptimのインストール

ImageOptimは公式サイトからダウンロードしましょう(複製版が出回っていて、検索をかけると公式以外からもダウンロード出来る場所が見つかりますが、公式サイトからダウンロードするように気をつけましょう)
ImageOptimをインストールしたら、起動してウインドウに画像をドラッグアンドドロップすれば圧縮されるというシンプルなアプリです。

ただ、画像は上書きされてしまうので、未圧縮の画像を残しておきたいときは、ちゃんとコピーしておくようにしましょう。
ImageOptimの設定
ImageOptimでは大きく分けて、下記3つの設定項目があります。
- 一般設定(画像圧縮エンコーダの選択や圧縮時の設定)
- 圧縮率の設定
- 最適化の速度
一般設定
[環境設定]→[一般]で設定します。

画像圧縮エンコーダ
まず左側にあるチェックボックスで、使用する画像圧縮エンコーダを切り替えます。
それぞれ処理速度や圧縮率、対応している画像形式が異なっていて、使いたいエンコーダにチェックを入れると使用できるようになります。
ただし、圧縮率の高いエンコーダは処理に時間がかかったりするので、こだわる場合は切り替えが必要です。
ちなみに、デフォルトがオススメの状態になっています。
メタデータとカラープロファイルの削除
それぞれPNGとJPEGのメタデータとカラープロファイルを取り除く設定です。
圧縮する場合は必要のない情報ですので、両方チェックを入れるようにしましょう。ただし、JPEGで著作権情報の埋め込みが必要な場合はチェックを外しておく必要があります。
ファイルのディスク書き込み
ファイルのパーミッション、属性、ハードリンクを維持する場合はチェックを入れますが、ここは基本外しておきます。
圧縮率の設定
[環境設定]→[Quality]で圧縮率の設定をします。

まずは「非可逆圧縮を有効にする」にチェックを入れましょう。
ここにチェックが入っていないと可逆圧縮(後から画質を元に戻せる状態での圧縮)になってしまうので、圧縮率が非常に悪いです。
チェックを入れた状態でJPEG・PNG・GIFの圧縮後の画像の品質を選択します。自分の場合は以下の通りに設定しています。
- JPEG:70%
- PNG:80%
- GIF:80%
最適化の速度
最後は[環境設定]→[Quality]で速度の設定をします。

こちらで最適化の速度の設定が出来ますが、速度を優先すると最適化のレベルが低く、逆に最適化のレベルを上げようとすると速度は落ちてしまいます。
自分の場合は、質重視で「非常に高い」に設定しています。
画像の圧縮もめちゃくちゃ遅いとは感じないので、よほど頻繁に画像圧縮をしていて次から次へと画像を裁かないといけない人以外は、質重視でよいでしょう。


Google HomeやAlexaで環境音を再生する方法
キーボードショートカット以外の新しい選択肢、左手用インプットデバイス「Orbital 2」
Keyboard MaestroでMacログイン時にアプリの遅延起動を行う
Keyboard MaestroのTime of Dayトリガーは「Wireless Network Condition」での条件分岐とセットで使う!
マウス操作の完成度が高いウインドウリサイズアプリ「Magnet」
Alfred4の電卓機能で「x」を乗算記号として認識させる方法
Illustratorでスクリプトを実行するいくつかの方法
Google Chromeで「パスワードを保存しますか?」ポップアップを非表示にする方法
Keyboard Maestroでスニペットの登録をする方法
Alfredからメニューバーの項目を検索・実行するWorkflow「Menu Bar Search」
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
macOSで画面を拡大縮小するズーム機能の設定
Alfred 4の無料版と有料版(Powerpack)で使える機能比較
scpコマンドでターミナル接続先のリモートファイルをローカルにダウンロードする方法
Path Finder 9をインストールしたらとりあえず行う初期設定
選択テキストをHTMLタグですぐ囲めるようになるVisual Studio Code拡張機能「htmltagwrap」
iTerm2でさらに細かい機能の設定ができる環境設定の「Advanced」タブ
Dashでドキュメント機能を無視して、スニペット検索だけする方法
JetpackでのError during WebSocket handshakeの解決方法
iPhoneで特定のアプリだけ別の言語設定に切り替える方法