🔍 画像比較

インタラクティブなビフォーアフタースライダーで画像を比較

🔒 画像がデバイスの外に出ることはありません。 すべての処理はCanvas + CSS clip-path overlayを使用してブラウザ内でローカルに行われます。アップロード、サーバー、追跡は一切ありません。

特長

  • Interactive Slider — Drag the slider to reveal differences between two images.
  • Clear Labels — Before/After labels help identify which image is which.
  • Touch Support — Works on mobile devices with touch gestures.

仕組み

  1. Upload Image A — Drop or select the 'before' image.
  2. Upload Image B — Drop or select the 'after' image.
  3. Compare — Drag the slider left and right to compare.

活用例

  • Compare image quality before and after compression
  • Show design iterations or filter effects
  • Verify image processing results

よくある質問

Do the images need to be the same size?

For best results, use images with the same dimensions. Different-sized images will still work but may not align perfectly.

関連ツール