Image Compare Slider
Overlay two images and slide a handle to intuitively compare retouches, filters, or design changes.
How to Use
Drop or click into the BEFORE and AFTER areas. Same dimensions look most natural.
Switch between horizontal (left/right) and vertical (top/bottom) modes; toggle labels on/off.
Drag the center handle, or focus it and use arrow keys for 1% steps (Shift = 10%).
FAQ
What if the two images differ in size?
Both images fill the same container; mismatched aspect ratios produce letterboxing. Same dimensions give the cleanest comparison.
Keyboard shortcuts?
Focus the handle, then ← / → in horizontal mode (or ↑ / ↓ in vertical) move 1%; Shift + arrow moves 10%.
Can I export a combined image?
This tool is for on-screen comparison only. To merge into a single image, use Image Batch or Card Maker.
Best use cases?
Photo retouch before/after, AI upscaling comparisons, filter previews, web design A/B, interior remodels — anywhere you need to show a change in the same area.
Is anything sent to a server?
No. Everything happens in your browser; images never leave the page.
