画像比較スライダー - ビフォー／アフター画像比較ツール

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

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

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

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

The side-by-side comparison preview happens in your browser, but exporting the composite uploads both images to our secure server so the final file can be rendered; they are deleted automatically afterward and never shared or used to train models. For strictly confidential material where no upload is acceptable, capture a screenshot of the on-screen preview instead of using Export.

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

Use the Orientation control in the Compare panel to toggle between Horizontal (left-right swipe, best for landscape photos and side-by-side layouts) and Vertical (top-bottom swipe, better for tall portrait shots or before/after height comparisons like renovations or growth photos).

Split % sets where the divider line sits between the before and after image, from 0 (all after visible) to 100 (all before visible) — it defaults to 50 for an even split. Move it toward one side if you want more of a specific image visible in the exported composite, for example 70 to emphasize the "after" result.

Click the Swap button in the Compare panel to instantly exchange the before and after images without re-uploading — handy if you dropped them in the wrong order or want to flip the reveal direction for a different visual effect.

For a full-room renovation, Vertical orientation at a 50% split works well since it lets viewers compare top-to-bottom detail like flooring and ceiling changes. For side-by-side furniture or color changes, Horizontal orientation at a 40–60% split (favoring whichever image has the more striking result) tends to draw the eye most effectively.