画像比較をたすけるツールを作った

開発 画像比較ツール

画像を並べて比較することに特化したビューワを作ってみました。


Compare.htmlで画像を比較している様子

デモページはこちら→ https://tshino.github.io/compare/compare.html
コード→ https://github.com/tshino/compare
ウェブアプリなのでブラウザ上で動きます。オフラインでも使えます。

最初はただ並べてズームできるだけでしたが、あとからヒストグラム表示やPSNRの計算機能などを追加したりしました。
もともとJavaScriptやHTML5で何か作ってみたいと思っていたところ、こんなツールのアイデアを思いついたので早速作ってみたという次第。なのでいろいろ稚拙な作りだと思います。
JavaScriptで画像を扱う方法やUIの作り方、Web Workerの使い方など、一つ一つ調べながらのコーディングなので面白いです。