LociPix
ブラウザ内処理ブラウザ処理

Before / After画像比較

2枚の画像を重ねて、スライダーで編集前後や加工前後の違いを比較できます。

01

Before / After画像を追加

比較したい2枚の静止画像を設定してください。

Before比較前
Before画像を追加

ここへドラッグ&ドロップ

JPG・PNG・WebP・AVIF・BMP / 最大40MB

After比較後
After画像を追加

ここへドラッグ&ドロップ

JPG・PNG・WebP・AVIF・BMP / 最大40MB

画像はサーバーへ送信されず、ブラウザ内で処理されます。

02

画像を比較

スライダーを動かして、2枚の違いを確認します。

BeforeとAfterの画像を追加すると比較できます。

2枚の画像と比較Previewはブラウザ内で処理され、サーバーへ送信されません

Before / After画像を比較する方法

  1. 01
    Before画像を追加

    編集前や加工前など、比較の基準にする静止画像を追加します。

  2. 02
    After画像を追加

    編集後や加工後など、違いを確認したい静止画像を追加します。

  3. 03
    スライダーで比較

    スライダーや拡大表示を使って、2枚の画像の違いを確認します。

主な特徴

スライダーで直感的に比較

Afterを左側、Beforeを右側に重ね、境界を動かして違いを確認できます。

Before / Afterを入れ替え

画像を読み直さず、その場で比較前と比較後を入れ替えられます。

拡大して細部を確認

25〜400%の拡大率で、細かな編集差や圧縮差を確認できます。

位置を同期して比較

拡大時も2枚の表示位置が同期し、同じ場所をずらさず比較できます。

高解像度画像対応

1枚50MPまでの静止画像を、軽量な比較用Previewで確認できます。

ブラウザ内処理

画像内容やPreviewをサーバーへ送信せず、端末内だけで処理します。