↔️Before/After画像スライダー
2つの画像を比較するスライダー形式プレビュー作成。補正前後、リニューアル前後比較に最適。
🔒 ブラウザ内処理✓ ウォーターマークなし✓ 登録不要
使い方
- 12つの画像(前・後)をアップロードします。
- 2スライダーを左右に動かして比較します。
- 3希望する位置でスクリーンショットを撮るかPNGで保存します。
よくある質問
2つの画像のサイズが異なる場合は?+
大きい方に合わせて自動整列します。より正確な比較には[画像サイズ変更]で予め同じサイズに揃えてください。
このスライダーをそのままブログに埋め込めますか?+
現在はキャプチャ用プレビューのみ提供しています。インタラクティブスライダーとして埋め込むには別途JSライブラリ(twentytwentyなど)が必要です。
Before/After写真をどう撮ればうまくいきますか?+
同じ位置・角度・照明・レンズで撮影することが重要です。三脚を使うかグリッドガイドをオンにして撮影してください。
3枚以上の比較はできませんか?+
本ツールは2枚比較専用です。複数枚比較は[画像結合]のグリッドレイアウトをご利用ください。
結果をGIFにできますか?+
本ツールは静的比較用です。動く比較が必要ならスライダー位置別にキャプチャして[動画 → GIF]ツールで結合してみてください。