FREE · IMAGE TOOLS
Before and After Image Slider.
Compare two pictures with a draggable before/after slider and download it as a self-contained HTML file or a side-by-side JPEG.
Loading…
How to use Before and After Image Slider
Choose the before and after images, edit the labels, choose a horizontal or vertical slider, then download the HTML or the JPEG.
How it works
The HTML file embeds both images and a few lines of script; the top image is clipped at the slider position with CSS clip-path.
Example
A renovation photo pair becomes a slider you can drag left and right, with “Before” and “After” labels.
Questions about Before and After Image Slider
Is Before and After Image Slider free, and do I need an account?
Yes. This tool is free to use in your browser without an account. Processing takes place on your device.
What are the limits and what should I check?
The after image is cropped to the shape of the before image; images are reduced to 1600 px. Runs in your browser. Review image dimensions, transparency and quality before downloading.
Is my input sent to a server?
Your input is processed in your browser and is not uploaded by this tool. Files and pasted text are cleared when the page is refreshed. Normal website requests are still required to load the page and its libraries. Read the privacy explanation.