昔撮った場所を数年後にもう一度撮る、部屋の模様替え前後を比べる、工事や植物の変化を定点で残す――こうしたBefore / After写真は、構図が近いほど違いを見比べやすくなります。ただ、元写真を横に表示して目視だけで合わせようとすると、立ち位置、カメラの高さ、距離、傾きが少しずつずれてしまいます。

Photo Re-Enactorは、JPEG / PNG / WebPの元写真をライブカメラへ重ねながら撮影できるブラウザツールです。Ghost / Outline / Blink / Splitで見え方を変え、自動構図ガイドが利用できる場面では左右・上下・距離・傾きの大きなずれを1つずつ確認できます。解析がうまく働かない場面でも、元写真を手動で移動・拡大縮小・回転して最後まで撮影できます。ここでは、構図を合わせるコツと、撮影後の比較・保存まで順番に整理します。

元写真は、構図の基準が分かるものを選ぶ

最初に、撮り直したい元写真を選びます。人物だけが大きく写っていて背景がほとんど見えない写真より、窓枠、柱、道路、水平線、家具の角など、現在も位置を確認できる要素が写っている方が構図を合わせやすくなります。Photo Re-EnactorはJPEG / PNG / WebPを元写真として読み込めます。

構図合わせでは、いきなり細部まで一致させるより、まず大きな基準を1〜2個決めます。たとえば建物の左右端、机の天板の高さ、窓の角、地平線などです。背景そのものが大きく変わっている場合は、完全一致を目指すより、残っている基準だけでカメラ位置と向きを近づける方が現実的です。

Ghost / Outline / Blink / Splitを場面に応じて使い分ける

Ghostは元写真を半透明で重ねるため、建物や家具の輪郭を現在映像へ重ねて位置を合わせるときに使いやすい表示です。Outlineは元写真の輪郭を中心に見るため、写真全体が重なって見づらい場面で役立ちます。Blinkは元写真と現在映像を交互に見せ、位置がずれている部分を目で探しやすくします。Splitは画面を分けて両方を見る方法です。

最初から1つの表示に固定する必要はありません。大まかな立ち位置をGhostで合わせ、細かな角度差をBlinkで確認するといった使い分けができます。重要なのは、表示方式そのものではなく、動かない基準が現在映像のどこへ来るべきか判断しやすい方法を選ぶことです。

自動構図ガイドは、立ち位置を決める補助として使う

自動構図ガイドが利用できる場面では、元写真と縮小したカメラ映像を端末内で比較し、左右、上下、距離、傾きのうち大きなずれを推定して案内します。一度に複数の数値を追うより、「少し右へ」「少し近づく」といった次の調整を1つずつ試す方が構図を詰めやすくなります。

ただし、一致度は写真の品質や撮影成功を保証する値ではありません。暗い、ぼけている、特徴が少ない、元写真から風景が大きく変わった、といった状況では解析できないことがあります。また人物のポーズを自動一致させたり、人物を識別したり、一致した瞬間に自動撮影したりする機能ではありません。ガイドが使えない場合も撮影自体は続けられます。

自動で合わないときは、元写真を手動調整する

元写真自体の切り取り方や向きが現在のカメラ表示と合いにくい場合は、「元写真を手動調整」を有効にして、重ねた元写真を移動・拡大縮小・回転できます。自動ガイドにこだわらず、目で見て合わせられる逃げ道があるため、古い写真や大きく変化した場所でも撮影を続けられます。

手動調整では、元写真を動かしすぎると本来のカメラ位置との差が分かりにくくなる点に注意します。まず自分が動いて大まかな立ち位置と高さを合わせ、それでも残る差を元写真側で微調整する使い方が分かりやすいです。撮影タイマーはOFF / 3 / 5 / 10秒から選べるので、三脚や固定位置から撮る場合にも使えます。

撮影後はBefore / Afterを比較して、必要な形式だけ保存する

撮影後はSplit / Ghost / Blinkを切り替えて元写真と撮影結果を比較できます。Splitでは境界を画像上で左右へ動かせるため、建物の輪郭、家具の位置、景色の変化などを部分ごとに見比べやすくなります。構図が気になる場合は撮り直しへ戻れます。

保存形式は、撮影したJPEG、左右比較JPEG、Before / Afterを内包した比較用単一HTMLです。比較HTMLは単体で開け、Split / Ghost / Blinkを切り替えたり、BeforeとAfterを個別保存したりできます。ただし比較HTMLには2枚の写真そのものが埋め込まれるため、そのHTMLを誰かへ渡すと写真も一緒に共有されます。元写真・カメラ映像・撮影画像はアプリから外部サーバーへアップロードされず、ランタイム通信も行いません。

手順

  1. Photo Re-Enactorを開き、「元写真を選ぶ」から撮り直したいJPEG / PNG / WebPを読み込みます。
  2. 元写真の中から、窓・柱・水平線・家具の角など現在も確認できる構図の基準を1〜2個決めます。
  3. 「撮影を開始」でカメラを開き、Ghost / Outline / Blink / Splitから見やすい重ね表示を選びます。
  4. 自動構図ガイドが利用できる場合は、左右・上下・距離・傾きの案内に合わせて自分とカメラを少しずつ動かします。
  5. 自動ガイドが合わない場合は「元写真を手動調整」をONにし、移動・拡大縮小・回転で重ね方を微調整します。
  6. 必要なら3 / 5 / 10秒タイマーを選んで撮影します。一致度が低くても撮影は可能です。
  7. 撮影後にSplit / Ghost / Blinkで比較し、撮影JPEG・比較JPEG・比較HTMLから必要なものを保存します。
Browser Kittyで試す

同じ構図で撮る

元写真をライブカメラへ重ね、構図ガイドや4種類の重ね表示を使って、できるだけ同じ構図で撮り直します。

ツールを開くツールの詳細を見る

注意点

  • 人物の位置より先に、建物の角や水平線など動かない背景を合わせると、カメラ位置を決めやすくなります。
  • 同じ場所を定期的に撮る用途では、立ち位置やカメラ高さの目印も一緒に記録しておくと次回さらに合わせやすくなります。
  • 暗所や特徴の少ない壁面では自動構図ガイドが不安定になりやすいため、GhostやBlinkと手動調整を中心に使います。
  • カメラはブラウザのセキュリティ制約を受けるため、撮影用途ではHTTPSで公開されたBrowser Kitty版を使うのが確実です。

よくある質問

元写真やカメラ映像はサーバーへ送信されますか？

いいえ。元写真の読み込み、カメラ映像、構図ガイド、撮影、比較、保存はブラウザ内で処理されます。アプリは元写真やカメラ映像を外部へアップロードせず、ランタイムCSPも外部接続を禁止する構成です。

人物のポーズまで自動で同じにできますか？

できません。現在の構図ガイドは画像全体の左右・上下・距離・傾きのずれを合わせる補助で、人物ポーズの自動一致や人物識別は行いません。

一致度が低いと撮影できませんか？

撮影できます。一致度や構図ガイドは補助情報で、撮影条件にはなっていません。自動解析が利用できない場合も重ね表示と手動調整で撮影を続けられます。

撮影後にBefore / Afterを1つのファイルで共有できますか？

はい。元写真と撮影写真を埋め込んだ比較用単一HTMLを書き出せます。HTML内でSplit / Ghost / Blinkを切り替えられます。ただしHTMLを共有すると、埋め込まれた2枚の写真も相手へ渡ります。

ローカルに保存した単一HTMLからでもカメラを使えますか？

ブラウザによってはfile://で開いたHTMLからカメラを許可しません。写真比較など一部は使えても、撮影時はHTTPSまたはlocalhostの利用が確実です。