vdiff.js

“vdiff.js”は、ウェブページ埋め込み型の画像比較ツールである。

本ツールは、射影変換機能を備え、画像内で比較したい対象の配置の違いを軽減して比較できる点に独自性があり、2枚の類似した画像の比較から変化を調べる目的に適している。

同一出版物の異なる版の画像比較(武鑑全集)や、同一地点の異なる時期の画像比較(メモリーグラフ)など、類似画像の違い探し、古写真と現代写真の今昔比較、災害写真のビフォー/アフター比較のような目的に幅広く活用できる。

また、“vdiff.js editor”は、画像比較に用いる対応点の修正ツールである。

vdiff.jsにおける重ね合わせ結果が満足できない場合、対応点を修正する機能を提供する。

この文書は、vdiff.jsについて記述する。その他の情報については、以下の別資料を参照のこと。

目次

動作デモ/活用例

使い方

本ツールは、「局所強調比較モード」または「全体変化比較モード」のいずれかの状態で表示される。

局所強調比較モードは、局所的な差異を強調する機能によって、差異に気付きやすくする効果を備えており、武鑑全集のように版間変化を比較するアプリケーションに適している。

全体変化比較モードは、全体的な変化の雰囲気に注目する効果を備えており、メモリーグラフのように時間変化を比較するアプリケーションに適している。

各モードでは、それぞれ数種類の画像比較手法が提供され、上部のアイコンボタンまたは画像上を右クリックして表示されるアイコンメニューにより、適宜選択できる。

局所強調比較モード

差異が存在する箇所の把握に適した、3種類の比較手法が選択できる。

左右表示

画像上に表示される分割線を左右にドラッグすることにより、出版物における「あおり校正」のように、能動的に差異を探索する比較手法である。

強調チェックボックスがチェックされているとき、強調表示(後述)に基づくハイライト表示が重畳され、注目箇所が示唆される。このとき、ハイライト箇所にマウスカーソルを重ねると、マウスカーソルの周囲ではハイライト表示が解除され、資料の元の状態を確認できる。

左右表示

強調表示

静的に差異の概要を把握できる比較手法である。

関心領域について、画像間の差分を取捨した結果がハイライト表示される。

画像間の差分から、撮影条件の違い等に起因するもの(ノイズ)を除去し、撮影対象の本来の差異を強調することを目的としている。

ただし、ノイズ除去に伴い本来の差異も除去されてしまうケースや、ノイズ除去が不十分となるケースもあるため、他の比較手法(赤青表示など)と併せて利用されたい。

強調表示

赤青表示

静的に差異の詳細を検討できる比較手法である。

関心領域について、差異箇所が赤色・青色で表示される。

画像間の差分について、可能な限り差異情報を失わずに提示することを目的としている。

前述の強調表示とは異なりノイズ除去を行わないため、本来の差異が除去されてしまうおそれは少ないが、差異の概要を把握する目的には最適ではないため、他の比較手法(強調表示など)と併せて利用されたい。

赤青表示

全体変化比較モード

変化の雰囲気の把握に適した、2種類の比較手法が選択できる。

左右表示

画像上に表示される分割線を左右にドラッグすることにより、変化の雰囲気を把握する比較手法である。

左右表示

透明表示

重ね合わせ透明度スライダを変更することにより、変化の雰囲気を把握する比較手法である。