이미지 비교

이미지 비교

같은 이미지의 두 버전을 비교해 바뀐 픽셀을 모두 찾아냅니다 —— 눈으로는 절대 알아채지 못할 차이까지.

이미지 비교

☞ 모든 처리가 브라우저 안에서 이루어집니다 — 아무것도 업로드되지 않습니다

이미지 두 장을 여기에 놓으세요

또는 클릭해 두 장을 한 번에 선택 — JPG, PNG, WebP

픽셀 단위

두 이미지 사이에서 무엇이 바뀌었는지 찾기

두 번 내보낸 스크린샷, 수정 전후의 같은 배너, 디자인 시안과 실제 구현, 어제와 오늘의 렌더링 결과는 똑같아 보여도 다를 수 있습니다. 이 도구는 이미지 A의 모든 픽셀을 이미지 B의 같은 위치 픽셀과 비교해 다른 픽셀을 빨간색으로 표시하고, 바뀐 영역에 테두리를 그리고, 영향을 받은 픽셀 수를 알려 줍니다. 축소된 미리보기에서도 칸 안의 픽셀 하나만 달라도 칸 전체를 표시하므로 픽셀 하나짜리 변경도 보입니다.

세 가지 보기로 결과를 읽을 수 있습니다. 차이 강조는 흐리게 만든 A 위에 변화를 빨간색으로 보여 줍니다. 차이 혼합은 각 색이 얼마나 바뀌었는지 보여 주어, 같은 부분은 검게, 바뀐 부분은 밝게 나타납니다. 이미지 A와 B를 번갈아 보면 변화가 제자리에서 깜빡이는데, 사람의 눈은 이런 깜빡임을 매우 잘 알아챕니다. 허용 오차로 JPEG 노이즈 같은 작은 차이는 무시할 수 있습니다. 두 이미지는 브라우저에서 비교되며 업로드되지 않습니다.

3단계

두 이미지를 비교하는 방법

01

이미지 두 장 추가

JPG, PNG, WebP 파일 두 개를 한 번에 선택하거나 한 장씩 추가하세요. 첫 번째가 A, 두 번째가 B가 됩니다.

02

결과 확인

바뀐 픽셀은 빨간색으로 표시되고 테두리로 둘러싸이며, 개수와 위치가 아래에 나옵니다. 압축 노이즈까지 표시되면 허용 오차를 올리세요.

03

비교 이미지 저장

현재 보기를 원본 크기 PNG로 다운로드해 버그 리포트나 디자인 리뷰에 첨부하세요.

빠른 답변

이미지 비교 자주 묻는 질문

두 이미지 크기가 다르면요?

왼쪽 위 모서리를 기준으로 맞추고 둘 중 큰 크기로 비교합니다. 한 이미지에만 있는 영역은 모두 다른 것으로 세고, 두 크기를 안내합니다. 크기를 바꾼 버전끼리 비교하려면 먼저 한쪽 크기를 맞추세요.

똑같아 보이는 두 사진이 왜 온통 빨갛게 표시되나요?

둘 중 하나가 JPEG로 다시 저장되었을 가능성이 높습니다. 그러면 많은 픽셀 값이 조금씩 바뀝니다. 허용 오차를 10이나 20으로 올리면 실제 변경만 남습니다.

허용 오차는 무엇을 재나요?

빨강·초록·파랑·알파 채널의 차이 중 가장 큰 값으로, 0에서 255 사이입니다. 0이면 어느 채널이든 한 단계만 바뀌어도 다른 픽셀로 셉니다.

투명한 픽셀도 비교하나요?

네, 투명도까지 비교합니다. 두 이미지 모두에서 완전히 투명한 픽셀은 숨은 색 값이 달라도 같은 것으로 봅니다. 그 색은 절대 보이지 않기 때문입니다.

같은 장면을 찍은 서로 다른 사진도 비교할 수 있나요?

별로 쓸모가 없습니다. 위치를 정확히 비교하므로 각도가 조금만 달라도 거의 모든 곳이 다르게 나옵니다. 스크린샷, 내보내기, 수정본, 렌더링처럼 같은 이미지의 여러 버전을 위한 도구입니다.

이미지가 업로드되나요?

아니요. 두 이미지를 열고 비교하는 모든 과정이 브라우저 안에서 이루어지며 어디로도 전송되지 않습니다.