ASOBOADで、2枚の写真を使って比較画像や動画を作れる「ビフォーアフター画像・動画作成ツール」を公開しました。写真をただ並べるだけでなく、境界を動かすスライダーや、一部分を拡大するルーペなど、伝えたい違いに合わせて見せ方を選べます。

比較の目的に合わせて8種類から選ぶ

左右・上下のスライダー、左右・上下に並べる表示、フェード、切り替え、ルーペ、自動ループを用意しています。色や質感の違いを見せたいときはスライダー、細部の変化に注目してほしいときはルーペというように、見る人が違いを追いやすい方法を選べます。

虫めがねで細部を拡大比較した例

位置をそろえて、違いを見やすく

写真ごとの位置と拡大率を調整でき、撮影範囲が少しずれた2枚も合わせられます。比較する範囲と比率を決め、BEFORE・AFTERのラベルを付ければ、説明を添えた比較素材を作れます。画像編集の作業前後、施工・清掃の記録、製品の加工例などに使えます。

静止画と動く比較を保存

静止画はPNG、動きのある比較はアニメーションGIFや動画として書き出せます。WebM・MP4の利用可否はブラウザによって異なります。完成画像だけで説明するか、変化の過程を動画で見せるかを、掲載先に合わせて選んでください。

ASOBOADで使い方と保存時の注意点を読む

無料ツール一覧