Before and after GIF maker

Turn two photos into an animated before and after comparison. Choose a reveal, adjust the timing, and add captions. Download your result as GIF, MP4, or WebP.

Before / After preview

Show the difference

  • Make the difference easy to see.

    Reveal an edited photo, a restored object, or a redesigned room in one animated comparison. The moving divider shows each version in the same frame, helping viewers follow changes in color, texture, and detail. Start with photos taken from a similar angle so the result is easy to compare.

  • Create once, choose how to share.

    Use the same before and after images to make a GIF for an email, an MP4 for a video post, or an animated WebP for a compatible website. Customize the labels and pacing in one place, then choose the format and output settings that suit your destination.

Before and after GIF examples

  • Vertical scanner GIF revealing Muir Glacier retreat between 1941 and 2004Vertical scanner · Muir Glacier
  • Vertical scanner GIF comparing Lake Powell satellite images from 1984 and 2018Vertical scanner · Lake Powell
  • Before and after portrait comparing visible facial redness and blemishes with a smoother-looking complexionHorizontal scanner · Skin appearance comparison
  • Horizontal scanner in an illustrative before and after GIF comparing the same white sneaker with muddy marks and after cleaningHorizontal scanner · Sneaker cleaning
  • Dissolve transition GIF comparing a black-and-white Audrey Hepburn portrait with its colorized versionDissolve · Portrait colorization
  • Glitch transition GIF showing Lonar Lake changing from green in May to pink in June 2020Glitch · A lake changes color

How to make a before and after GIF

  1. Upload before and after photos

    Add two images, up to 5 MB each. Use matching viewpoints and swap their order if needed.

  2. Choose the reveal

    Select a vertical or horizontal scanner, or choose a transition. Pick an aspect ratio that suits your photos.

  3. Adjust timing and captions

    Set the delay between changes, adjust the scanner interval, and edit or hide the Before and After labels.

  4. Preview and download

    Check the comparison in motion. Choose GIF, MP4, or WebP, set the export options, and download.

Choose your before and after reveal

What you are comparingTry this revealWhat to check
Photo edits, repairs, or aligned detailsHorizontal or vertical scanner; WipeKeep the framing consistent so the change is easy to inspect
Color grading or photo colorizationDissolveMatch the crop and hold each complete image
Design revisions or project presentationsSlide or CoverChoose a direction that leads attention toward the changed area
A broad visual transformationSplit or BlindsGive viewers time to see the full result after the reveal
A centered object or creative revealIris, Diamond, Star wipe, or ClockKeep the subject inside the reveal and allow a readable final hold
Product details or a closer viewZoom in, Zoom out, or StackCheck that motion does not obscure the detail being compared
Stylized artwork or a playful campaignPixelate, Crosswarp, Luma wipe, Ripple, Glitch, or Zoom blurKeep the effect brief so viewers can inspect the undistorted photos
Photos with different poses or an instant comparisonHard cut or DissolveShow both full views; the transition does not align the subjects
Hair styling or hair-care product resultsDissolve or WipeMatch the pose, lighting, and hair position so the finish is easy to compare
Facial cleansing or makeup removalDissolve or a horizontal scannerUse the same lighting and crop, without skin-smoothing filters
Shoe cleaning or leather careHorizontal scanner or WipeKeep the shoe at the same angle and compare equally dry surfaces
Jewelry cleaning or polishingDissolve or WipeMatch the lighting and angle so reflections do not exaggerate the change
Before and after GIFs: 20 ideas and how to make one

Before and after GIF maker questions

  • What is a before and after GIF maker?

    It combines two photos into an animated comparison. Instead of showing two separate pictures, the animation reveals one over the other or transitions between them. Use it to show photo edits, renovations, restorations, or other visible changes.

  • How do I make a before and after GIF from two pictures?

    Upload one image for Before and another for After. Choose a scanner or transition, set the timing, and customize the captions. Preview the result, then select GIF in the download settings and export your comparison.

  • Is the before and after GIF generator free?

    Yes. You can create and download comparisons without payment or registration. The exported GIF, MP4, or WebP has no added watermark.

  • Can I make a before and after video instead of a GIF?

    Yes. Choose MP4 in the download settings to export your photo comparison as a video. The input is still a pair of photos; this tool does not compare two uploaded video clips. For converting an existing video, use our video to GIF converter.

  • Is this an interactive before and after slider?

    The scanner creates a slider-style animation with a moving divider. You download it as a GIF, MP4, or WebP; viewers do not drag the divider themselves. It is an animated comparison file, not an interactive slider widget or an HTML embed.

  • Which reveal effects are available?

    Choose a vertical or horizontal scanner to sweep across the photos, or select Transition to change between them. The picker includes 30 transition effects plus Hard cut: Dissolve; directional Slide, Cover, and Wipe; Split; Iris; Star wipe; Diamond; Clock; Blinds; Zoom; Stack; Pixelate; Crosswarp; Luma wipe; Ripple; Glitch; and Zoom blur. Choose a simple reveal for detail comparisons or a more expressive effect for a creative presentation.

  • Do the two photos need to be the same size?

    They do not have to be identical in size, but similar framing gives a clearer comparison. Both images fill the selected aspect ratio, which can crop their edges. Automatic alignment helps when suitable matching details are detected; it cannot reliably correct every change in viewpoint or pose.

  • Can I change the Before and After text?

    Yes. Replace the captions with your own wording, choose a font and size, and adjust placement, colors, background opacity, and rounded corners. You can also switch captions off. Short labels leave more of each photo visible.

  • How can I make the comparison GIF smaller?

    Try a smaller export width or a lower frame rate, and compare the available quality settings. Shorter holds and reveal times can also reduce the number of frames. Check the downloaded result to make sure the change and captions remain clear.

  • Which format should I choose: GIF, MP4, or WebP?

    Choose GIF when your destination accepts animated images, MP4 when it expects video, and WebP when it supports that animated image format. Compatibility and file size depend on the destination and your export settings. Preview the saved file where you plan to use it.

  • Can I use a before and after GIF in an email or on social media?

    Use GIF in email editors that support animated images, and test a received message because some viewers may show only a still frame. For social posts, choose a format the platform accepts; MP4 is an option for video uploads. This tool creates the file, while publishing happens in your email or social app.

  • What is the upload limit?

    Each photo can be up to 5 MB. If an image is larger, resize or compress it before uploading. This is the input limit; the downloaded comparison size depends on the format, width, quality, frame rate, and animation length.

Before and after ideas

  • Photo retouching.

    Compare an original photo with your finished edit. A scanner reveal makes changes to exposure, color, and cleanup easier to follow in a photography portfolio or client presentation.

  • Home renovations.

    Show a room before work began and after completion. Similar camera positions help viewers compare the flooring, finishes, and layout without being distracted by a change in perspective.

  • Real estate staging.

    Reveal a furnished or virtually staged interior over an empty room. Use captions to identify virtual staging so viewers understand what the comparison shows.

  • Cleaning results.

    Show a cleaned patio, driveway, carpet, or vehicle using the same viewpoint. A before and after GIF lets potential customers inspect the surface as the reveal passes over it.

  • Furniture restoration.

    Compare a worn piece with its repaired or refinished version. Keep the object at a similar scale to show changes in the finish, upholstery, and visible details.

  • Hair and makeup.

    Present a haircut, color change, or makeup look in a short comparison. Keep lighting and pose consistent, and use clear labels to distinguish the two photos.

  • Fitness progress.

    Place progress photos from two dates into one animation. Use comparable poses and lighting, and replace the default labels with dates to give the change context.

  • Design revisions.

    Compare two versions of a website, illustration, or product mockup. Export an animated comparison for a case study or client update, keeping important text large enough to read.

  • Garden and landscaping projects.

    Show planting, lawn care, or an outdoor redesign from a consistent viewpoint. Add dates or project stages to distinguish seasonal changes from the work you want to highlight.

Make it your own

  • Vertical and horizontal reveals.

    Choose the scanner direction that suits your subject. A moving divider reveals the second photo across the same frame.

  • Photo transitions.

    Explore 30 effects, including Slide, Cover, Wipe, Iris, Zoom, Ripple, and Glitch, plus a simple Hard cut. Preview different families to find the right motion for your comparison.

  • Adjustable pacing.

    Set how long each photo stays visible and adjust the scanner interval. Give viewers enough time to read labels and notice details.

  • Aspect ratio options.

    Choose the shape of your comparison to suit a portrait, landscape, or square placement. Check the preview for any cropped details.

  • Automatic alignment assistance.

    When suitable matching details are detected, the tool can align the image pair. Similar framing still matters, so review the result before export.

  • Editable comparison labels.

    Rename Before and After to dates, stages, or short descriptions. Hide captions when the pictures already explain the comparison.

  • Caption styling.

    Customize the font, size, placement, text color, and label background. Adjust opacity and rounded corners to keep captions readable over your photos.

  • Scanner color control.

    Change the divider color to make the reveal visible against your images. Choose a contrasting color that does not distract from the subject.

  • Preview while you edit.

    Watch the reveal and review framing, captions, and timing before downloading. Check the exported file as well at its intended display size.

  • GIF, MP4, and WebP downloads.

    Export the same comparison as an animated image or video. Choose the format supported by the website, email editor, or social app you use.

  • Flexible export settings.

    Adjust output width, frame rate, and quality to balance detail, motion, and file size. A smaller comparison can be easier to share.

  • Free, no signup or watermark.

    Make your comparison online without creating an account. Download a clean result without an added logo or watermark.

GIF compressor

Compress

Video to GIF converter

Convert

GIF editor

Edit

GIF slideshow maker

Make

Image to GIF maker

Convert

Countdown timer GIF generator

Generate

Scrolling text GIF generator

Generate