Add
Upload the original and updated screenshots, then choose whether to show all or fill the common frame.
Free · interactive · responsive embed
Before & After Slider
Turn two website screenshots into an interactive reveal, a download, or an embeddable comparison.
1 · Add screenshots
Choose before and after
BeforeOriginal page state
AfterUpdated page state
Images stay in this browser tab until you choose Publish.
2 · Style the comparison
Make the change easy to explore
Recurring monitoring
Monitor the original page with PageDog.
Publish a before-and-after now. PageDog can check the original page on a schedule and save the next recorded change.
How it works
Let the viewer compare both versions.
Style
Choose slider, fade, or side-by-side, edit the labels, and tune the corner radius.
Embed
Download a static PNG or publish an interactive unlisted link with a responsive iframe snippet.
Questions
Before-and-after slider FAQ
Do my screenshots stay private?
They stay in your browser while you edit or download. Images are uploaded only when you explicitly choose Publish & embed, which creates an unlisted public comparison.
Can I embed the slider on another website?
Yes. After publishing, copy the responsive iframe snippet into a site, article, changelog, Notion embed, or other page that accepts custom embeds.
What if the screenshots have different sizes?
Show all centers each screenshot inside a common frame. Fill frame crops the edges so both images cover the same comparison area.