Can I use screenshots instead of photos?
Yes. Screenshots can be compared when they show the same interface, design, or state.
Image maker
Before and after image maker
Use this page when the input is not only camera photos. Screenshots, design exports, restored images, edited files, and project visuals often need sharper labels and a PNG output.
ScreenshotsDigital editsProject images
Use the before and after image maker
- 1Use images that tell one story
The comparison is strongest when both sides show one interface, one edited file, one restored image, or one project state rather than unrelated scenes.
- 2Line up the visual details
Adjust zoom and position so text, edges, faces, or changed details line up clearly enough to compare.
- 3Save a web-ready PNG
PNG keeps labels and lines sharp, which is useful for before and after images with text or fine detail.
Keep the output clear
- Use Original and Edited for retouching, restoration, and screenshot comparisons.
- Use Before and After for changes over time.
- Use a simple divider when both images contain UI text or fine detail.
FAQ
What file type can I export?
The maker exports PNG, which works well for framed images and labels.
Can I make an image for a website page?
Yes. A landscape frame is usually a good fit for website content.
Related pages
More ways to make before and after photos
Comparison tool
Photo comparison maker
Use a photo comparison maker to review two versions, edits, product options, progress photos, or before and after images in one frame.
Open pagePicture makerBefore and after picture maker
Turn two regular pictures into one before and after image for a single visible change, with crop controls, labels, and clean frames.
Open pageLandscape templateLandscape before and after photo template
Use a landscape before and after photo template for websites, room makeovers, renovation projects, edit comparisons, and wide posts.
Open page