Show before and after with one draggable slider

同じ寸法の画像を2枚アップロードすると、ツールがドラッグ可能なハンドルでそれらを重ね合わせます。左にスライドするとビフォーの画像が、右にスライドするとアフターの画像が現れます——編集、レタッチ、ダイエット、リフォーム、デザインの改善、AI生成の結果などを見せるのに最適です。

はい。スライダーをMP4またはアニメーションGIFとして書き出せば、スワイプが自動でループ再生されます。ハンドルをドラッグできないInstagram、TikTok、X、LinkedInの投稿に最適です。フレームレートと再生時間は設定できます。

スライダーはピクセル単位で比較するため、理想的にはそうすべきです。サイズが異なる場合、ツールが2枚目の画像を1枚目に合わせて自動で切り抜くか拡大縮小し、アスペクト比を保ったまま正確な比較ができるようにします。

JPEG、PNG、WebP、GIF、HEICのすべてに対応しています。書き出される動画は互換性を最大限に高めるためH.264 MP4を使用し、GIF書き出しはSNSでのすばやい共有に十分なほどファイルサイズを小さく抑えます。

並べて比較するプレビューはブラウザ内で行われますが、合成画像をエクスポートする際は最終ファイルをレンダリングするために両方の画像を当社の安全なサーバーにアップロードします。これらは処理後に自動的に削除され、共有されることもモデルの学習に使われることもありません。アップロードが一切許されない厳重に機密な資料の場合は、エクスポートを使わず、画面上のプレビューのスクリーンショットを撮ってください。

はい。生成されたHTMLスニペットをコピーして、WordPress、Webflow、Squarespace、Shopify、あるいは任意の静的サイトに貼り付けるだけです。この埋め込みコードは依存関係がなく、モバイル対応で、外部のJavaScriptライブラリなしで動作します。

Compare パネルの Orientation コントロールを使って、Horizontal（左右スワイプ。横長写真や左右並びのレイアウトに最適）と Vertical（上下スワイプ。縦長のポートレートや、リフォームや成長記録のようなビフォーアフターの高さ比較に適する）を切り替えられます。

分割%は、ビフォー画像とアフター画像の間の仕切り線の位置を設定します。0（アフターが全て見える）から100（ビフォーが全て見える）までで、既定は均等な分割の50です。書き出した合成画像で特定の画像をより多く見せたい場合は、一方の側に動かしてください。例えば「アフター」の結果を強調するには70にします。

比較パネルの「Swap」ボタンをクリックすると、再アップロードせずにビフォーとアフターの画像を瞬時に入れ替えられます。順序を間違えてドロップした場合や、別の視覚効果のために表示の方向を反転させたい場合に便利です。

部屋全体のリフォームには、縦向きで 50% の分割がよく合います。床や天井の変化など、上下の細部を比較できるからです。並べた家具や色の変化には、横向きで 40〜60% の分割（より印象的な結果の画像を優先）が最も効果的に目を引く傾向があります。