Imagemagick compare で画像を比較する

任意の2つのPNGファイルの画像比較して差分を強調表示したものを生成したいと思ったのだけれども、 Command-line Tools: Compare @ ImageMagick があるのでこれを試してみた。

imagemagick自体はbrewでインストールできるので brew install imagemagick で導入した後、以下の様に2つの画像を引数で渡すことで差分が赤色で強調される画像を生成することが確認できた。-metric で比較をする差異抽出用の距離関数が指定できるのでスクリーンショットの様な画像ならAEが良いということだったので

$ compare -metric AE foo.png foo2.png foo-compare.png

といった形で試してみる。例えばこのブログのサイドバーの文言を一部修正する前後のスクリーンショットを撮ったものを比較すると、赤く強調されて気づくことができる。

imagemagickのcompareコマンドの出力結果例
比較して差分があったところが赤く強調されるPNGファイルが出力される