Make before-and-after comparisons

Two images side by side make people compare. One wiping into the other makes them see the change. Drop in two screenshots and OwnClip composes the comparison.

Free to use. Recordings are capped at three minutes and export at 720p with a watermark.

The OwnClip Before & After composer: two images under a slider wipe with Before and After labels, and the transition, timing, background and frame controls beside them — The comparison composer — wipe, crossfade, vertical wipe or split, with the images auto-aligned

Showing a change is harder than making it

You redesigned the page, cleaned up the data, retouched the photo. Presenting that means putting the two states next to each other in a way that makes the difference obvious rather than requiring a caption.

A wipe does it in two seconds, and it does not need a video editor.

Four ways out

Video, GIF, SVG or embed.

The animated SVG carries no scripting, and the interactive HTML embed gives the reader a handle to drag. Both drop into a pull request, a release note or a page.

The OwnClip Export Comparison dialog offering MP4 video, animated GIF, animated SVG and interactive HTML output — The same comparison out as MP4, GIF, animated SVG or an interactive embed

Same framing

It looks like the rest.

Backgrounds, padding, corner radius and shadow come from the same Beautify controls used on screenshots, so a comparison matches everything else you publish.

A screenshot being dropped onto two different gradient backgrounds with padding, rounded corners and a shadow — A flat capture, two looks, no design work

What people compare

Interface redesigns

The old screen and the new one, so reviewers see what actually moved.

Photo and image edits

Retouching and colour work, where the change is the entire point.

Before and after a fix

A broken layout and a repaired one, in a pull request or a release note.

Progress over time

The same view at two points in a project.

Questions people ask

No. Before & After takes two images as input. The output is a video, GIF, SVG or embed, but the sources are stills.

Yes, the Before & After tool is available on every tier.

MP4, animated GIF, animated SVG containing no scripting, and an interactive HTML embed with a handle the reader can drag.

The older one by default, based on when it was captured. You can swap them by right-clicking or by dragging an image into the slot you want.

From the Creative section of the sidebar, or File → New Comparison.

Annotate screenshots on your Mac22 markup tools on a capture, straight after taking it.Create product demos without becoming a video editorRecord, zoom, label and share a demo in one pass.A screen recorder built for the MacThe hub: recording, editing and exporting on the Mac.Annotate your screen recordingsArrows, boxes, highlights and numbered steps, time-ranged.