Before / After Image Slider
Compare an original and an edited photo, a design revision or a product transformation. Align two images and export a slider that works offline.
Choose your before and after images
Still JPG, PNG or WebP · Up to 20 MB per image · Up to 40 megapixels
Choose a before image and an after image to begin.
Show a photo edit or a design revision
Place a color-corrected photo beside its original, compare a restored image with its source, or review two versions of a layout. The slider reveals the corresponding parts of each image while keeping a shared frame.
Keep a before and after product record
A seller can compare a repair or finish using the same camera position and lighting. Alignment controls help with different image sizes, but they do not automatically register camera movement or match the subject.
Share a comparison that works offline
Extract the ZIP and keep index.html, before.png and after.png together. Open index.html in a browser, or host the three files in one folder and embed that page on a website that allows HTML embeds. The exported slider has no framework, external script or image-hosting requirement.