How to make a before-and-after photo comparison

You have two versions of a photo and want people to see what changed. A simple side-by-side image works well for a retouch, a room update, a product cleanup, or a repair. The key is to match the framing so the difference is easy to spot.

You can assemble the comparison in Photo Editor using image layers and text. This guide covers a clean two-panel layout, labels, and quick checks before you save.

Make the comparison

1. Open Photo Editor and load the original and edited photos. Keep the original file unchanged so you can return to it if needed.
2. Decide which photo is the before version and which is the after version. Put them in that order, usually before on the left and after on the right. If you are comparing a detail, choose the same area in each photo.
3. Arrange the two images on one working area as separate layers. Resize them proportionally, which means changing their size without stretching them, and line up a clear reference point such as a window corner, product edge, or face.
4. Leave a narrow gap between the images, or use a simple divider. Keep both panels the same size. If the source photos have different shapes, frame them to the same proportions rather than squeezing one to fit.
5. Add short text labels such as Before and After. Place them in matching positions and use the same size and color so they do not compete with the photos.
6. Review the whole comparison at a smaller display size, then save or export the finished image. Check that the labels are readable and that both photos still show the detail you want people to compare.

For a fair comparison, use the same crop and scale for both versions. If you are showing a change to a room or object, a recognizable edge in the scene makes alignment easier. Avoid enlarging one panel more than the other, since that can make a small change appear much larger.

Choose a layout that fits the photos

Side by side

This is the clearest option for most comparisons. Viewers can scan from one image to the other without switching back and forth. It works best when both photos have a similar viewpoint and aspect ratio, the relationship between width and height.

Matched close-ups

Use close-ups when the change is small, such as a scratch removed from a surface or a detail cleaned up in a product photo. Keep the same part of the subject in the same position in both panels. If you show a wider view too, make it clear which area the close-up represents.

Labels and dividers

Labels help when the difference is not obvious or when a viewer might see the image out of context. Keep them brief and use a high-contrast color. A thin divider can separate panels, but a heavy border or large caption can draw attention away from the photo itself.

Color adjustments

If you are comparing an edit, avoid applying extra adjustments to the comparison after you have placed both versions. Otherwise, you may change the very difference you want to show. If the original and edited photos need a small correction just to make the comparison readable, make that choice deliberately and do not imply that the correction was part of the original edit.

Fix common comparison problems

1. Line up the subject again. If the images look like different scenes, find one shared landmark and align it in both panels. A slight mismatch in camera position can make an ordinary change look dramatic.
2. Check for stretching. If a face, room, or product looks wider in one panel, undo the resize and keep the photo's original proportions. Make each panel fit the layout without distorting its contents.
3. Use a consistent crop. If one photo shows more of the surroundings, match the visible area before comparing. For a meaningful before-and-after, keep the subject at roughly the same size and position.
4. Make labels easy to read. Move labels away from busy details and use the same placement on both sides. If text blends into the photo, choose a contrasting color or place it over a simple background area.
5. Check the saved image. Open the exported file and inspect it at the size people will see. If fine details look soft, export at a larger size or avoid enlarging a small source photo beyond its useful resolution.

Keep the comparison trustworthy

A before-and-after image is most useful when it shows the same subject under similar conditions. If the lighting, camera angle, or distance changed, viewers may mistake those differences for the edit. When you cannot match them, say what changed and avoid presenting the two photos as a precise test.

TooLab Photo Editor works in your browser, and the photos and project stay on your device.