2枚の画像から、
ビフォーアフター動画を作成

ビフォーアフター動画メーカー

写真の変化を、動きで伝える。
Before・Afterの画像を重ねて、スライダーが動く比較動画を作成。境界線やラベルを調整して、MP4で保存できます。

部屋のビフォーアフターを境界線で比較した作成例
ビフォーアフター動画にする2枚の画像

画像A · Before

ここに画像をドロップ

JPG・PNG・WebP・HEIC / 50MBまで

画像B · After

ここに画像をドロップ

JPG・PNG・WebP・HEIC / 50MBまで

動画プレビュー

2枚の画像を選んで、ビフォーアフター動画を作りましょう

ここに動画プレビューが表示されます

0%

画像上のドラッグ、下のスライダー、矢印キーで操作できます。

詳細設定
スライダー方向
境界線の向き

幅・高さを揃える場合は、画像Aを基準に拡大縮小し、もう一方の辺は大きい方に合わせます。

画像の表示
余白の背景色

透明を選んでも、JPG・MP4保存時の透明部分は白になります。

動画合計：6秒（移動5秒＋終了1秒）

境界線デザイン
20%
80%
45°
90%

色と効果の不透明度は、Glow・Sparkle・Heart・Bubbleで使用します。

境界線・ラベルは、画像と動画の保存結果にも反映されます。

動画・画像を保存

2枚の画像を選ぶと、保存サイズを確認できます。

小さな画像も動画では拡大します。元画像以上の細部は再現されません。JPG・MP4の透明部分は白になります。



ビフォーアフター動画の作り方

  1. Before・Afterの画像を2枚選ぶ

    編集前と編集後など、比較動画にする2枚の画像を選択します。HEICにも対応しています。

  2. スライダーの動きやデザインを調整

    画像比較スライダーを動かし、縦横方向、余白やラベル、境界線のデザインを調整します。

  3. MP4動画で保存

    完成したビフォーアフター動画をMP4で保存します。現在の比較位置はJPGの静止画としても保存できます。

入力・保存仕様

入力 JPG・PNG・WebP・HEIC/HEIF
入力上限 1枚50MB、4,000万画素、一辺16,384pxまで
出力 JPG、MP4（H.264・音声なし）
MP4解像度 短辺720px・1080px・2160pxから選択
フレームレート 通常30fps、高画質60fps
透明部分 JPG・MP4保存時は白
処理場所 画像の読み込み・比較・書き出しはブラウザ内

写真のレタッチ前後、イラストの制作前後、部屋の模様替えなど、2枚の画像の違いを動きで見せたいときに使えます。

よくある質問

Q画像はアップロードされますか？

いいえ。画像の読み込み、比較、書き出しはすべてブラウザ内で行います。

Q画像の大きさや縦横比が違っても使えますか？

使えます。自動では画像Aのサイズが基準です。「幅を揃える」「高さを揃える」でキャンバスを調整できます。「画像全体を残す」では余白に指定した背景色を表示します。

QMP4を保存できない場合は？

MP4保存はWebCodecsとH.264エンコードに対応したブラウザが必要です。まず軽量または標準解像度へ下げて再試行してください。端末が対応していない場合はJPG保存をご利用ください。

Q動画は何秒になりますか？

選んだ移動時間に、開始と終了の静止時間がそれぞれ加わります。画面には設定に応じた合計時間を表示します。

Q透明背景のまま保存できますか？

プレビューでは透明を選べますが、現在の保存形式はJPGとMP4のため、保存時の透明部分は白になります。

QHEIC画像も使えますか？

端末内のデコーダーで読み込みます。特殊なコーデックや壊れたファイルは読み込めない場合があります。入力は1枚50MB・4,000万画素までです。