Before-After Slider Maker
Compare two local PNG or JPEG images with a draggable, keyboard-accessible reveal slider, editable labels and an offline HTML download.
Before-After Slider Maker
Each PNG/JPEG: ≤10 MiB, ≤12 MP, ≤6,000 px per side. Both images fit the first image’s frame on white, without cropping. Preview and export use new JPEG copies up to 1,600 px per side; metadata, transparency and animation are not preserved.
Choose both images to compare.
No. Processing stays in memory in this browser. Downloading saves a self-contained HTML file containing both reduced images; share that file only when you want to share those images.
A QUICK WALKTHROUGH
How to use this tool
- Choose a before image and an after image.
- Drag the range slider or use its arrow keys, Home and End.
- Download the offline HTML comparison or clear the images.
Image comparison
Each PNG/JPEG: ≤10 MiB, ≤12 MP, ≤6,000 px per side. Both images fit the first image’s frame on white, without cropping. Preview and export use new JPEG copies up to 1,600 px per side; metadata, transparency and animation are not preserved.
Download offline HTML
Open the downloaded HTML locally in a browser to use its slider without a server, external resources or storage. It contains both new JPEG copies, not the original files.
GOOD TO KNOW
Common questions
Are images uploaded or saved?
No. Processing stays in memory in this browser. Downloading saves a self-contained HTML file containing both reduced images; share that file only when you want to share those images.
How does the download work?
Open the downloaded HTML locally in a browser to use its slider without a server, external resources or storage. It contains both new JPEG copies, not the original files.