이미지 두 장을 비교한다는 것

똑같아 보이는 두 파일. 그중 하나가 고객이 승인한 것입니다. 다른 하나에서 무언가가 움직였는데, 무엇이 움직였는지 적어 둔 사람이 없습니다.

두 이미지를 나란히 놓고 노려보는 것은, 2픽셀 밀림이나 한 단계 바뀐 색, 슬그머니 짧아진 글자 한 줄을 놓치는 방법입니다. 사람의 눈은 얼굴을 알아보는 데는 뛰어나지만 이 일에는 형편없습니다.

이 도구가 대신 봅니다. 두 장을 넣으면 다른 픽셀을 모두 칠해서 보여 주고, 좌우로 닦아 내듯 비교하거나 한쪽을 다른 쪽에 겹쳐 볼 수도 있습니다.

화면이 셋인 이유

차이 — 바뀐 픽셀을 놓칠 수 없는 색으로 칠하고, 바뀌지 않은 그림은 회색 그림자로 뒤에 남깁니다. '어디가'에 답하는 화면입니다.
슬라이더 — 두 이미지를 원래 화질 그대로 두고, 손잡이를 끌어 가르며 봅니다. '실제로 어떻게 보이는가'에 답하는 화면입니다. 손잡이를 직접 끌어도 되고 위치 슬라이더를 써도 됩니다.
겹쳐 보기 — 한쪽이 다른 쪽으로 녹아들게 합니다. '밀림'을 잡아내는 화면입니다. 한 덩어리가 3픽셀 내려간 것뿐이어도 차이 표시는 온통 색으로 덮이지만, 겹쳐 보면 그것이 움직이는 게 보입니다.

먼저 차이로 바뀐 곳을 찾고, 슬라이더로 옮겨 그 변화를 판단하는 순서를 권합니다.

그림 아래에 숫자가 나옵니다. 픽셀의 몇 퍼센트가 다른지, 그게 몇 개인지. 완전히 같은 파일이면 그렇다고 분명히 말해 줍니다. "다시 내보낸 게 정말 뭔가 바뀌긴 한 걸까"가 질문의 전부인 경우도 많으니까요.

민감도는 얼마만큼 달라야 '다름'으로 치는지를 정합니다. 대개는 가운데에 두면 됩니다. JPEG 압축 잡음 때문에 화면 전체가 번쩍인다면 올리고, 다시 저장하면서 들어온 한 단계짜리 색 변화를 잡고 싶다면 내리세요.

두 이미지의 크기가 다르면, 겹쳐 놓을 수 있도록 두 번째를 첫 번째에 맞춰 조정합니다. 그 사실도 알려 드립니다.

이때 차이 표시는 조심해서 보세요. 크기 조정은 모든 픽셀을 다시 계산하므로 거의 전부가 표시되고, 그 화면은 아무것도 말해 주지 않습니다. 슬라이더와 겹쳐 보기를 쓰세요. 제대로 비교하려면 이미지 크기 변경으로 두 장을 같은 크기로 먼저 맞추세요.

두 장 모두 브라우저 안에서, 여러분의 기기 위에서 읽히고 비교됩니다. 서버로 가는 것은 없습니다.

이 도구에서는 그 점이 생각보다 중요합니다. 사람들이 비교하려는 이미지란 공개 전 디자인, 비밀유지계약이 걸린 고객 작업물, 사내 대시보드, 의료나 법률 관련 스캔본, 그리고 공개할 생각이 없던 것들이 잔뜩 찍힌 스크린샷이기 때문입니다.

이 화면 내려받기는 지금 보이는 것 — 차이 표시, 슬라이더 위치, 겹쳐 보기 상태 — 을 그대로 PNG로 저장합니다. 누군가에게 보낼 때 좋습니다
좌우 바꾸기는 어느 쪽이 어느 쪽인지를 뒤집습니다. 순서를 반대로 올렸을 때 유용합니다
투명한 PNG는 투명함을 유지합니다. 그림 뒤의 바둑판 무늬는 페이지의 것이지 이미지의 일부가 아닙니다
한 변이 8000픽셀을 넘는 아주 큰 이미지는 느릴 수 있습니다. 픽셀을 하나하나 비교하기 때문입니다
비교하는 것은 픽셀이지 파일이 아닙니다. 픽셀은 같고 메타데이터만 다른 두 파일은 여기서 같다고 나옵니다. 바이트가 같은지 알아야 한다면 파일 체크섬을 쓰세요
이미지가 아니라 문서라면 PDF 두 개 비교가 있습니다