Video Maker
Best for a downloadable animated reveal intended for social posts, websites, or presentations.
Quick start: video maker
- Upload a before photo and an after photo.
- Choose the output preset for the place you plan to publish.
- Use Crop to fill for edge-to-edge output or Fit with padding to preserve the complete image.
- Edit labels, direction, duration, and frame rate.
- Preview the animation, review the output summary, and generate the video.
For more planning and photography detail, use the complete before and after video guide.
Choosing a comparison tool
Image Slider
Best for manually inspecting a boundary and exporting the current slider position as an image.
Side by Side
Best when viewers need to see both complete images simultaneously.
Overlay
Best for checking alignment, registration, retouching, or subtle structural changes.
Flicker
Best for making small differences noticeable through alternating images.
Photo loading problems
Nothing happens after I select a file
Confirm the file is an image and is no larger than 25 MB. Export unusual camera formats such as RAW or HEIC to JPG, PNG, or WebP first if your browser cannot decode them.
The preview looks cropped
The upload thumbnail uses a cover preview, but the video preview follows the selected Fit setting. After both images load, choose Fit with padding if you need to preserve every edge.
The two photos do not align
The tool can crop and position photos, but it does not perform automatic perspective correction. Use a photo editor to rotate or align around a shared landmark, then upload the corrected files.
Video generation problems
Generate video reports that recording is unavailable
The browser must support canvas capture and MediaRecorder. Update your browser or try a current version of Chrome, Edge, Firefox, or Safari. Managed work or school devices may disable some media features.
Why is my file WebM instead of MP4?
The tool asks the browser which recording formats it supports. It uses MP4 when available and otherwise selects WebM. The output summary displays the result before generation.
Generation is slow or the tab becomes unresponsive
Choose a 720p preset and 24 or 30 FPS. Full HD at 60 FPS draws substantially more pixels. Keep the tab visible and close other demanding browser tabs.
The video did not appear
Check your browser’s Downloads list and download permission indicator. Some browsers ask before allowing repeated downloads. The filename begins with before-after- and includes its dimensions.
The output looks soft
A 1080p frame cannot restore detail missing from a small source image. Use source photos at least as large as the intended output area, or choose 720p to avoid excessive enlargement.
Slider, overlay, side-by-side, and flicker help
Slider does not respond on a phone
Drag directly on the comparison canvas. If the page scrolls instead, begin the gesture near the center of the image and move horizontally.
Overlay appears blurry
At 50% opacity, two misaligned edges appear doubled. This is useful evidence of misalignment rather than an export defect.
Animated GIF generation takes a long time
GIF encoding is CPU-intensive and creates larger files than modern video. Use the flicker video option when GIF is not required.
Privacy and safe use
Selected images are processed in browser memory and are not uploaded to BeforeAfter.online. The site still uses network services for page delivery and advertising, as explained in the Privacy Policy. Do not leave sensitive work open on a shared device. Only use images you have permission to process and publish.
Still need help?
Email support@tinygiantapps.com. Include the tool name, browser and device, selected preset, and the exact message shown. Do not attach private source images unless you intentionally want support to receive them.