Before / After画像メーカー
2枚の画像を同じ枠へ並べ、変化が伝わる比較画像をlocal Canvasで作ります。医療・身体変化に特化しない汎用toolです。
作業前後を1枚で見せる
整理、design修正、repair、retouchなどの2枚を中心cropして並べ、SNS向け比率のPNGへまとめます。
ツール本体
入力・操作・結果
上から入力し、必要な操作を行って、表示された結果と次の操作を確認してください。
入力データは原則ブラウザ内で処理し、URLやアクセス解析へ保存しません。ページを更新すると入力は失われます。機密情報は入力しないでください。
使い方
- BeforeとAfterの画像を選びます。
- 出力比率を選び、生成します。
- crop位置とlabelをpreviewして保存します。
元画像は変更せず、2枚を同じ幅の領域へcover配置します。
このツールを使う場面
- 確認できること
- 作業前後やdesign変更の2画像を1枚の比較画像へまとめられます。
- 使う前に見るポイント
- 左右へ置く画像と共有先に合う出力比率を決めます。
- 結果を見たあとにやること
- 中心cropで主要部分が欠けていないかpreviewして別名保存します。
つまずきやすいポイント
構図が大きく違う
中心cropのため主要部分が欠ける場合があります。
因果関係を断定する
比較画像だけでは変化理由を証明しません。
境界値・事前チェック項目
縦横比が異なる
各半分を埋めるよう中心cropします。
大画像
各1200万pixel・15MBまでです。
よくあるミスと回避策
左右を逆に選ぶ
左がBefore、右がAfterです。
元画像へ上書き
新しいPNGを別名保存します。
FAQ
画像はuploadされますか?
いいえ。decode、合成、保存はbrowser内です。
slider比較できますか?
exportできる横並び画像に絞っています。
基本FAQ
入力データは外部へ送信されますか?
原則として送信されません。入力内容はブラウザ内で処理し、URLやアクセス解析へ保存しません。例外がある場合は各ツールページ内に明記しています。
入力内容は自動保存されますか?
原則として自動保存しません。ページを更新すると入力は失われます。コピーやダウンロードで保存する場合は、ご利用端末内に保存されます。
結果を使う前に何を確認すべきですか?
対象年度・入力前提・提出先ルールを先に確認してください。必要に応じて公式情報や担当窓口で最終確認する運用を推奨します。
同じ目的の画像共有前チェックツール
画像のサイズ、容量、EXIF、形式変換を共有前に確認するツール群です。 迷ったらラベル付きの入口ツールから確認できます。
関連ツール
同じ作業の前後で使うことがあるツールです。