画像比較スライダー
ドラッグ可能な before/after スライダーで2つの画像を比較。アップロード、ハンドルをドラッグ、共有。レタッチ、デザインの繰り返しに最適。ブラウザで動作。
両方の画像をアップロードして開始。
参考
スライダーはどのように動作しますか？
比較スライダーは2つの画像を重ね、ハンドル位置に基づいて各画像を表示します。CSS の clip-path を使用して上の画像をクリップするので、ドラッグは GPU アクセラレーションされ滑らかです。両方の画像はブラウザ内で Object URL として読み込まれ、どこにもアップロードされません。
一般的な用途
- 写真レタッチ — 編集を並べて表示。
- デザイン QA — デザインリビジョンを視覚的に比較。
- リノベーション — before/after の部屋を提示。
- マーケティング — 製品の変化を表示。
プライバシー
すべての処理はブラウザ内で100%実行されます。データはサーバーに送信されません。