How to make a before and after GIF from two images

Some places will not let you embed a live slider. Reddit, Discord, X, and most mod pages only take an image or a GIF. A before and after GIF solves that: it plays the transition on its own, so people see the change without touching anything. Here is how to make one from two images in about a minute.

Make the GIF

1. Open the home page and drop in your before and after images.
2. Line them up, and label each side if you want.
3. Switch to the animation export and choose GIF.
4. Set the speed and export, then download the file.

That is it. You now have a looping before and after you can drag into any post or upload to a forum.

GIF, MP4, or WebP

A GIF is the most compatible, so it works almost everywhere, but the file is larger and the color is limited. If the place you are posting supports it, MP4 or WebP look sharper and weigh less. imgi exports all three, so you can match the target. For a chat app or a mod page, GIF is the safe default.

Keep it clean

• Use two images of the same size so nothing jumps.
• Keep the subject aligned between the two shots, or the GIF shows the movement instead of the change.
• Fewer, well chosen frames read more clearly than a busy animation. The free tier gives you two frames per animation, and Pro raises that to six and removes the watermark.
• Keep the dimensions reasonable. A giant GIF is slow to load and some sites reject large files.

Where a before and after GIF works

Threads and comments where you cannot embed, Discord servers, an X or Bluesky post, a Nexus or mod description, a release note, or a portfolio thumbnail that animates on its own. Anywhere an image goes, the GIF goes.

If you would rather have a slider people can drag, publish the comparison instead and share the link or embed. Same two images, two different formats. See how to embed a before and after slider.