작업 경로 / 입력에서 결과까지
두 이미지를 비교하는 방법
- 01
두 이미지 선택
원본 이미지와 변경본 이미지를 고르세요. PNG·JPEG·WebP를 지원하며 각 12 MiB, 한 변 8,192픽셀, 정밀 비교는 800만 픽셀까지입니다. JPEG는 불러올 때 EXIF 방향으로 정규화되고, 양쪽에 형식·크기·파일 용량이 표시되며, 양쪽 바꾸기는 한 번의 클릭으로 끝납니다.
- 02
결과 읽기
크기가 같은 두 이미지는 Worker에서 자동 비교돼요. 임계값 0이고 안티앨리어싱 픽셀을 포함했을 때 차이 수가 0이면 이 알고리즘 기준으로 「픽셀 동일」이 표시될 수 있어요. 다른 설정에서 0은 현재 임계값과 가장자리 처리에 따라 계산된 차이가 없다는 뜻이에요. 차이가 있으면 픽셀 수와 비율을 보여 줘요.
- 03
다섯 가지 보기 전환
분할은 두 이미지를 나란히 놓고 동기화된 확대·이동을 제공합니다. 스크롤로 확대, 드래그로 이동하며 버튼과 방향키도 쓸 수 있습니다. 슬라이더는 키보드로 조작되는 경계선으로 차이를 드러내고, 페이드는 불투명도를 조절해 겹쳐 보여 주며, 강조는 원본 위에 차이 픽셀을 표시하고, 차이 마스크는 그것만 보여 줍니다.
- 04
임계값과 안티앨리어싱 조정
임계값은 0~0.5 범위에서 알고리즘 민감도를 조절해요. 0이 가장 민감하지만 RGBA 바이트가 모두 같다는 보장은 아니에요. 「안티앨리어싱 가장자리 무시」는 기본으로 켜져 있어 가장자리 차이를 제외할 수 있어요. 설정을 바꾸면 이전 작업을 취소하고 다시 비교해요.
- 05
마스크 내보내기
「차이 마스크 PNG 내보내기」는 현재 설정으로 계산된 차이를 투명 배경에 저장해요. 「픽셀 동일」도 이 브라우저가 디코딩한 픽셀에 대한 pixelmatch 결과일 뿐 파일 바이트나 숨은 RGBA 채널 전체의 일치를 뜻하지 않아요. 파일 바이트 일치가 중요하면 Hash Checker를 사용하세요.