Image Comparison Slider
Compare two images side-by-side with an interactive drag slider. 100% browser-based.
Before Image
After Image
Ctrl+Enter to runCtrl+Shift+C to copy
Learn More
Image Comparison Slider: Interactive Before-After Viewer
Learn how to compare two images with an interactive before-after slider in horizontal or vertical mode.
What Is a Before-After Image Comparison Slider
An image comparison slider overlays two images and lets viewers drag a divider to reveal one image or the other. This interactive element makes it easy to compare differences between two versions of an image, such as before and after editing, two color treatments, or different processing settings.
5 min readRead full guide