比較画像メーカー (Before/After)

スライダー比較 / 並列比較 / アニメGIF切替 の3モード対応。最大6枚の多面比較。他のAIツールから自動連携受信可能。

🔒
利用ライブラリ: MIT License / 0MB (モデル不要) 画像処理は純粋な Canvas 操作のみで完結し、ブラウザ内処理です。GIF生成もクライアントサイドで実行し、選んだ画像が外部へ送信されることはありません。

画像をアップロード (最大6枚)

比較モード

プレビュー

注意事項: 選んだ画像は端末のブラウザ内でのみ処理され、サーバーには送信されません(GIF 書き出し用ライブラリ gif.js のみ jsDelivr の CDN から読み込みます)。PNG / JPEG は元画像の解像度に合わせて書き出しますが、長辺 4096px・約1600万画素を上限に縮小します。GIF は「GIFサイズ上限」で指定した幅になります。読み込む画像の著作権・肖像権などは利用者ご自身の責任でご確認ください。詳しくは免責事項をご覧ください。

使い方

  1. 比較する画像をスロットに追加(最大6枚)。
  2. 比較モードを選択: スライダー / 並列 / アニメGIF。
  3. 設定(位置・方向・速度・ラベル・タイトル)を調整。スライダーはプレビューを直接ドラッグしても動かせます。
  4. 「PNG保存」「JPEG保存」「アニメGIF保存」でダウンロード。

3つの比較モード

スライダー比較(2枚)

1枚目と2枚目を重ねて、スライダー位置で表示領域を左右(または上下)に分割。プレビューをドラッグ(スマホは指でなぞる)して視覚的に違いを確認できます。3枚以上入れた場合、スライダーで比較されるのは1枚目と2枚目だけです。

並列比較(2〜6枚)

複数画像を横・縦・グリッドレイアウトで並べて表示。ラベル付きで違いを一目で比較できます。

アニメGIF切替(2〜6枚)

各画像を一定速度で切り替えるアニメGIFを生成。SNSやチャットでの共有に最適。

連携機能

以下のツールの「比較画像へ送る」ボタンで、加工前後の画像が自動でこのツールに読み込まれます(ブラウザ内で受け渡し、外部へは送信されません):

よくある質問

何枚まで比較できますか?

最大6枚。「スライダー比較」は1枚目と2枚目の2枚用で、3枚以上は「並列比較」または「アニメGIF」で対応します。

アニメGIFで保存できますか?

はい。切り替え速度(0.3〜5秒)と、GIFの幅(640 / 800 / 1024px)を選べます。

他のToolNaviツールとの連携は?

AI背景透過ツール、写真編集ツールの「比較画像へ送る」で自動読み込みされます。

キャプションを追加できますか?

はい。各画像のラベルと、全体のタイトルを追加できます。

保存形式は?

PNG / JPEG / アニメGIF。PNG・JPEGは元画像の解像度に合わせて書き出します(長辺4096px上限)。

画像はサーバーに送信されますか?

いいえ。すべてブラウザ内で処理します。GIF書き出し用のライブラリだけCDNから読み込みます。

商用利用できますか?

本ツールで作成した画像に、ツール側の透かしや利用制限はありません。読み込んだ画像の権利は利用者ご自身でご確認ください。

スマホでも使えますか?

はい。スライダー比較ではプレビューを指でなぞって境界を動かせます。