無料の比較画像メーカー｜ビフォーアフター工房 — 2枚の写真を、伝わる比較に

ビフォーアフター工房

2枚の写真を、伝わる比較に。

1 画像をアップロード

＋選ぶ

BEFORE（1枚目）

＋選ぶ

AFTER（2枚目）

2枚まとめて選ぶ・まとめてドロップすると、名前順に自動でBEFORE／AFTERへ振り分けます。⌘Vの貼り付けにも対応。

2 見せ方を選ぶ

3 調整する

仕上がりの比率

境界の位置{{ splitPct }}

AFTERの濃さ{{ fadePct }}

ルーペの倍率{{ zoomLabel }}

ルーペの大きさ{{ sizeLabel }}

ループの動き

ルーペの軌道

ループの速さ{{ speedLabel }}

BEFORE/AFTERで止まる時間{{ holdLabel }}

左のラベル

右のラベル

改行すると2行のラベルになります（例：施工前／2024.3）。

見出し（任意）

ラベルを画像に表示する境界線を画像に表示するツマミを画像に表示する

デザインのカスタマイズ

書体

文字サイズ{{ tsizeLabel }}

ラベルの形

角丸{{ radiusLabel }}

ラベルに影をつける

境界線の太さ{{ lineWLabel }}

境界線に影をつける

位置・ズーム合わせ

キャンバスをドラッグで移動、ホイールで拡大縮小できます。

ズーム{{ tfScaleLabel }}

ラベルの配置

4 書き出す

書体・配色・文字サイズ・ラベルをJSONで保存できます。社内で同じ設定を共有したいときに。

設定はこの端末に保存され、次回も引き継がれます（画像は保存されません）。

制作：ASOBOAD無料ツール一覧ご利用規約ライセンス

GIF・動画をつくる

形式と画質を選んで、プレビューで確認してから保存できます。

動きの種類

ルーペの軌道

ファイル形式

画質

アニメーションの速さ{{ speedLabel }}

止まる時間{{ holdLabel }}

「プレビューを作成」を押すと、
ここで動きを確認できます。

PNG画像ができました

上の画像を長押しして「“写真”に追加」でも保存できます。