施工・清掃・補正・変化記録
リフォーム、清掃、洗車、写真補正、商品改善、運動変化、造園、修理など、同じ対象の前後を見せる用途に使えます。
15 · IMAGE EDIT
ビフォー・アフター比較画像作成
2枚の画像を左右または上下に配置して、比較画像を作成できます。
LOCALブラウザ内で処理
WORKSPACE
ビフォー・アフター比較ワークスペース
比較前と比較後の画像を選ぶと、すぐに比較プレビューを作成します。
画像はサーバーに送信されず、現在のブラウザ内だけで処理されます。
STEP 01
1. 比較前・比較後の画像を選択
比較する前の画像と後の画像を1枚ずつ追加します。
JPG・JPEG・PNG・WebP · 画像は2枚 · 1ファイル15 MiB · 最大20MP
HOW TO USE
使い方
- 01
比較前と比較後の画像を選び、左右比較または上下比較を選択します。
- 02
必要に応じて画像を入れ替え、枠いっぱい表示または画像全体表示を選択します。
- 03
各画像をドラッグし、拡大率を調整して主要な被写体の位置を合わせます。
- 04
ラベル、中央の区切り線、背景、画像間隔、外側余白を調整します。
- 05
結果の比率、ピクセルサイズ、出力形式を確認して画像をダウンロードします。
USE CASES & NOTES
活用例と注意事項
ビフォー・アフター画像を実際の事例やコンテンツで使うときの活用範囲と注意点です。角度・距離・照明を近づける
撮影角度・距離・照明が大きく異なると、実際より差が大きくまたは小さく見えることがあります。本ツールは変化量を自動判定しません。
小さい元画像と透明背景を確認
小さい元画像を大きくするとぼやける場合があります。PNG・WebPは透明背景を使えますが、JPGは選択した背景色で合成されます。
BEFORE & AFTER GUIDE
ビフォー・アフター画像を自然に整える実用基準
2枚の比率が異なっても変形させず、フレーミング・ラベル・区切り線・出力サイズを同じ座標モデルで扱うことが重要です。同じ場面を横に比較
比較前を左、比較後を右に配置し、同じ高さの領域で比較します。
施工・清掃・補正など横方向の視線移動が自然な内容に適しています。縦長・モバイル向け
比較前を上、比較後を下に配置し、狭い画面でも各写真を大きく表示できます。
縦写真やモバイル中心のコンテンツに向いています。切り抜きと余白の選択
枠いっぱいは領域を埋めますが一部が切れる場合があり、全体表示は元画像をすべて見せる代わりに背景が見える場合があります。
被写体が切れる場合は全体表示か位置調整を使います。ALIGNMENT PRACTICE
サイズや構図が異なる写真を合わせる方法
被写体基準
顔・建物・商品など比較の中心となる被写体を見つけ、各領域で近い位置に移動します。
拡大率基準
片方だけ必要な分だけ拡大できます。拡大率の連動は元の構図が似ている場合に使うのが安全です。
区切り線基準
初期値は正確な50:50中央で、画像間隔があっても区切り線は2領域の中央基準を維持します。
ラベル安全領域
比較前・比較後のラベルは被写体を隠さない角に置き、短い文字を使います。
出力サイズ
大きな最終出力では小さい元画像が拡大されるため、元解像度と結果サイズを一緒に確認します。
透明度
PNG・WebPは透明背景を維持できますが、JPGは選択した背景色で合成されます。
CHECK BEFORE USE
比較画像を使う前の確認事項
撮影条件
角度・距離・照明が大きく違うと、実際の変化より差が大きく、または小さく見える場合があります。
元ファイル
元画像は変更せず、ブラウザ内で新しい比較画像だけを作成します。
縦横比
画像を無理に引き伸ばしません。枠いっぱいでは切り抜き、全体表示では余白が生じる場合があります。
小さい元画像
低解像度画像を大きく出力するとぼやける場合があります。
客観性
肌・体型などの比較は撮影条件の影響を受け、変化の客観性を自動保証しません。
プライバシー
画像ピクセルやファイル名を外部分析へ送らないローカル処理を維持します。
FAQ
よくある質問
012枚の写真サイズが違っても使えますか？+
はい。各画像を比較領域に合わせ、位置と拡大率を個別に調整できます。
02左右だけでなく上下比較もできますか？+
はい。左右比較と上下比較の両方に対応しています。
03写真を切らずに表示できますか？+
はい。画像全体を表示を選ぶと、画像全体を比較領域内に表示できます。
04比較前と比較後を入れ替えられますか？+
はい。画像とその表示設定を一緒に入れ替えられます。
05ラベル文字を変更できますか？+
はい。短い文字に変更したり、ラベルを非表示にできます。
元ファイルは変更されません。枠いっぱい表示では一部が切れる場合があり、小さい元画像を大きく拡大するとぼやけることがあります。