Barokit

↔️Before/After Image Slider

Create a slider preview comparing two images. Great for before/after retouching, interior renovation, diet progress, A/B design comparisons, and time-lapse pairs of the same location.

🔒 Browser-basedNo watermarkNo signup

How to use

  1. 1Upload two images (before/after).
  2. 2Drag the slider to compare.
  3. 3Take a screenshot or save as PNG at any position.

FAQ

What if the two images are different sizes?+

It auto-aligns to the larger one. For more precise comparison, use [Image Resize] to match sizes first.

Can I embed the slider in a blog?+

Currently the tool gives a static preview. For interactive embedding, use a JS library like TwentyTwenty.

How do I shoot good before/after photos?+

Same spot, angle, lighting, and lens. Use a tripod or grid guides.

Can I compare three or more images?+

This tool handles two only. For more, use the grid layout in [Image Combine].

Can I export as a GIF?+

This is a static comparison. For animated comparison, capture multiple slider positions and combine via [Video → GIF].

Related tools