图片对比滑块 - 前后图片对比工具

上传两张尺寸相同的图片，工具会用一个可拖动的滑块将它们叠加。向左滑动显示修改前图像，向右滑动显示修改后图像——非常适合展示修图、精修、减肥、装修、设计迭代和 AI 生成的效果对比。

可以。将滑块导出为自动循环滑动的 MP4 或 GIF 动图——非常适合用于 Instagram、TikTok、X 和 LinkedIn 等观众无法拖动滑块的帖子。帧率和时长均可配置。

理想情况下是的，因为滑块是逐像素进行对比的。当两张图尺寸不同时，工具会自动裁剪或缩放第二张图以匹配第一张，并保持宽高比，从而确保对比准确。

JPEG、PNG、WebP、GIF 和 HEIC 均可接受。导出的视频采用 H.264 MP4 以实现最大兼容性，导出的 GIF 文件足够小，便于快速分享到社交平台。

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.