Compare Two Images
Compare Two Images Side by Side
Compare two images with a before/after slider, side by side, as an overlay or with the differences highlighted in red. Both images stay in your browser and are never uploaded.
Drop the first image
JPG, PNG, WebP or iPhone HEIC. It never leaves your device.
or paste from the clipboard (Ctrl/Cmd+V)
Drop the second image
JPG, PNG, WebP or iPhone HEIC. It never leaves your device.
Guide by Ashley Whitehair, web designer at Norwich Website Design
How to compare two images
Add two images
Drop the first image on box A and the second on box B, or click each box to choose a file. JPG, PNG, WebP and iPhone HEIC photos all work.
Choose a mode
The Slider opens first: drag the divider, or click or tap where you want it. Switch to Side by Side, Overlay or Difference at any time.
Swap or start again
Press Swap Images to change which image is on the left, Change image A or Change image B to replace just one, or Clear to compare another pair. Each image’s size and file size are shown underneath.
The four comparison modes
| Mode | What you see | Best for |
|---|---|---|
| Slider | Image A left of a divider, image B right of it. Drag the divider, or click or tap the picture to move it there. | Before and after: an edit, a retouch or a compressed copy. |
| Side by Side | Both images next to each other, each labelled with its size in pixels. | Choosing between two shots, or images of different shapes. |
| Overlay | Image B laid over image A. Overlay Opacity (0 to 100%, starting at 50%) fades between them. | Checking whether two versions line up. |
| Difference | Image A faded, with pixels that differ from B marked in red. The stronger the red, the bigger the change. | Finding exactly what changed between two versions of an image. |
How the Difference view works
Difference compares each pixel of A with the pixel in the same place in B. When their colours differ by more than about 4% (10 steps out of 255, averaged over red, green and blue), the pixel is marked red; smaller changes are ignored. Transparency isn’t compared, only colour. So:
- Identical images show no red at all, a quick way to confirm two files hold the same picture.
- Edits such as a removed object, changed text or a moved logo stand out clearly.
- Compression mostly changes pixels by less than the threshold, so even a low-quality JPEG copy shows only scattered red specks. Judge compression with the slider instead.
It compares from the top-left corner without scaling, so both images need the same width and height in pixels. If the sizes differ, most of the picture turns red. If one image has moved by a pixel or two, outlines and fine detail light up instead.
Images of different sizes or shapes
- Slider: both images are shown at the same width. If they’re the same shape they line up, even when one has fewer pixels: a half-size copy sits exactly over its original, enlarged to match, so it looks softer. If the shapes differ, the frame takes B’s shape and A is scaled to fill it, cutting off A’s edges.
- Overlay: the frame takes A’s shape and the whole of B is fitted inside it.
- Side by Side: each image keeps its own shape.
- Difference: needs matching sizes, so resize or crop one image to match the other first.
Phone photos stored sideways with a rotation tag are shown upright, and iPhone HEIC photos are converted on your device before they’re shown.
What to use it for
- Checking compression. Compress a photo with the Image Compressor, then put the original in A and the smaller copy in B. Drag the slider across fine detail, smooth skies and text, where compression shows first. If you can’t see a difference, the smaller file is fine to use.
- Before and after edits. Check that colour adjustments or retouching improved a photo and weren’t overdone.
- Spotting differences. Use Difference on two exports of a design, or two versions of a screenshot, to find what changed.
Phones, keyboards and limits
On a phone or tablet, drag sideways across the picture to move the divider, or tap where you want it. Swiping up or down still scrolls the page.
With a keyboard, press Tab to reach the picture, then use the arrow keys to move the divider 1% at a time, or 10% with Shift held down. Home and End move it to the edges.
There’s nothing to download, so take a screenshot to keep a comparison. There’s no zoom either, as each view fits the width of the page; to inspect a small area, crop the same part from both images and compare those. To change one image, press Clear and add both again.
Your images never leave your device
Both images are opened and compared by your browser, on your own device. Nothing is uploaded, so it’s safe for unreleased designs and private photos.
To check, open your browser’s developer tools, watch the Network tab and compare two images: no request carries them. Apart from the page’s own code (such as the HEIC decoder, if you add an iPhone photo), the only requests are anonymous usage counts, described in our privacy policy. After your first visit, the tool works offline too.
Frequently asked questions
How do I compare two images side by side?
Add one image to box A and the other to box B, then choose Side by Side. The Slider puts one over the other instead, with a divider you can drag.
Is this image comparison tool free?
Yes. There’s no sign-up, no watermark and no limit on how many images you compare.
Are my images uploaded to a server?
No. Both images are opened and compared in your browser, on your device, which is why the tool also works offline after your first visit.
How do I find the differences between two images?
Choose Difference. Pixels that differ are marked red on a faded copy of image A, and the stronger the red, the bigger the change. Both images need the same size in pixels.
Can I compare images of different sizes?
Yes, in Slider, Side by Side and Overlay, which scale the images to fit. Difference compares pixel by pixel, so resize one to match the other first.
Why is nearly everything red in Difference mode?
Usually because the images are different sizes. Difference compares pixels in the same position, from the top-left corner and without scaling, so if one is bigger, almost nothing lines up.
Why doesn’t Difference show compression artefacts?
Changes smaller than about 4% are ignored, and most compression changes pixels by less than that. Use the slider and look closely at fine detail, smooth areas and text instead.
Can I download the comparison?
No. The tool is for viewing, and nothing is saved. Take a screenshot to keep a comparison.
Does it work on phones?
Yes. Drag sideways across the picture or tap to move the divider, and swipe up or down to scroll as usual. iPhone HEIC photos work too.
Related tools
- Image CompressorReduce file size while maintaining visual quality. Set target file sizes or quality percentage for optimal results.
- Bulk Image ResizerResize images by percentage, exact dimensions, or social media presets. Batch process multiple files while maintaining aspect ratios.
- Image CropperCrop images with preset aspect ratios (1:1, 16:9, 4:3) or free-form selection, at full resolution.
- Color AdjustmentAdjust brightness, contrast, saturation, hue, and more. Apply presets like Vivid, Vintage, or B&W.
- Image ConverterConvert between PNG, JPEG, WebP & AVIF. Supports HEIC from iPhone. WebP offers 25-35% smaller file sizes.
- HEIC ConverterConvert HEIC/HEIF photos from iPhone to JPEG, PNG, WebP, or AVIF. Private: nothing is uploaded.