デジタルなデータはアナログに比べて比較しやすい。テキストを比較してその差分を取ったりするのは、開発者の人であれば誰しもが利用していることだろう。比較することに寄ってどこが変わったのか一目で分かり、理解が進むようになる。 差分 とは言え、一般的に利用されているのはテキストがメインの状態だ（動画の技術でも利用はされているが）。そこで次のステップアップ、画像に適用してみよう。 今回紹介するオープンソース・ソフトウェアはPerceptual Image Diff、画像同士の差分を解析するソフトウェアだ。 画像という一見アナログ的なもの同士を比較するのがPerceptual Image Diffだ。コンソールで動作するソフトウェアで、WindowsやMac OSX、Linuxなどをサポートしている。二つの画像を比較して、その結果をPPM形式で保存してくれる。 比較した画像 比較できるのはTIFFまた
Githubで画像の差分を見られるモードが話題を呼びましたが、このように2枚の画像の差分を調べたいときって時々ありますよね。 そんなときImageMagickのコマンドラインツールを使えば、たった1行で実現できます。 $ composite -compose difference A.jpg B.jpg diff.jpg とすれば、A.jpg と B.jpg の差分画像 diff.jpg が作られます。この差分画像は以下のようになります。 さらにこの差分画像（diff.jpg）が「真っ黒な画像」かどうかも、コマンドラインで調べることができます。 # 差分がなかった場合（＝diff.jpgは黒一色の画像） $ identify -format "%[mean]" diff.jpg 0 # 差分があった場合 $ identify -format "%[mean]" diff.jpg 960.8
JS-ImageDiffはJavaScript+Canvasタグを使って二つの画像の差分表示を行うライブラリです。 GitHubでは差分をWebブラウザ上で閲覧できますが、その時に画像の差分表示も行えるのを知っているでしょうか。スライダーで動かしたりして差分を確認できるのですが、その一つの差分表示をオープンソースで再現するのがJS-ImageDiffです。 サンプルです。上が元、中間が変換後そして下が差分となります。どこが違うのか一目で分かります。 左が影無し、右が影ありです。一致している部分だけが表示されています。 サイズが違う場合の差分表示です。 JS-ImageDiffはCanvasタグを使って画像を読み込み、その差分を表示しています。各ピクセル単位で画像を比較して同じであれば黒、違う場合はうまく表示するというやり方でここまで見事に表示できるのが面白いですね。 JS-ImageDif
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く