Same Spot Diffv1.0.0

写真のズレを合わせて変化を比較・端末内処理

撮影位置のズレを直してから、変化を見つける

Before / Afterの写真が少しずれていても、自動でズレを合わせて変わった場所だけを強調します。

画像を外部送信しません

1. Before / Afterを選ぶ

同じ場所を撮った2枚を選びます。少しくらい撮影位置がずれていても、自動で合わせます。

1Before(基準)変化前
Beforeを追加 タップして選択 / PCではドロップもできます
2After(比較)変化後
Afterを追加 タップして選択 / PCではドロップもできます

2. 変化を確認

まずは「変化を見る」で結果を確認します。必要なときだけ写真のズレや元画像を確認できます。

比較すると結果がここに表示されますBefore / Afterを追加して「2枚を比較する」を押してください。Before / Afterを追加したら「2枚を比較する」をタップしてください。
ズレ補正
変化した面積
変化した場所 箇所

何を確認しますか?普段は「変化を見る」だけでOKです
元画像を個別に見るズレ補正を詳しく確認したいとき

拡大して確認ピンチで拡大、ドラッグで移動できます
100%

Before After 50%
After Before 50%
結果を調整赤い表示が多すぎる・少なすぎるとき
無視する範囲光の反射や時計など、毎回変わる場所を比較対象から外せます。
0

「範囲を追加」を押して、画像上をドラッグするとその部分を無視できます。

その他の調整

写真の細かさを変えた場合は、もう一度比較してください。

比較の詳細
見つけた目印 / 採用した目印
比較に使った画像サイズ
比較機能は最初に使うときだけ端末内で準備します。

After撮影ガイド

Beforeが半透明で重なります。輪郭や角が合うように端末の位置を合わせてから撮影してください。

カメラを準備しています…
46%
Beforeの線とカメラ映像が重なるほど、比較しやすくなります。

カメラ映像と撮影した写真は端末内だけで扱います。カメラの利用にはブラウザーの許可が必要です。

使い方と注意事項

基本操作

  1. 基準画像にBefore、比較画像にAfterの写真を追加します。
  2. 「比較する」を押すと、2枚の写真で共通する目印を探して自動でズレを合わせます。
  3. 赤い表示が多すぎる・少なすぎる場合は、結果のすぐ下にある「結果を調整」を使います。
  4. まず「変化を見る」で確認し、必要なら「ズレを確認」や元画像の個別表示を使います。

プライバシー

画像と比較結果はこの端末内だけで処理されます。このアプリから画像をアップロードせず、比較に必要な機能も実行時に外部から読み込みません。

うまくズレを合わせにくい写真

注意事項

GitHub Pages版も、ページ読み込み後の比較処理は端末内だけで行います。完全オフラインではdist/index.htmlを直接開けます。