logo hsb.horse

이미지 비교기

두 이미지를 브라우저에서 바로 비교하고, 허용 오차를 조정해 압축 노이즈를 무시하며 차이를 마젠타로 표시합니다. 파일은 기기 밖으로 전송되지 않습니다.

기준 이미지와 비교 이미지를 올리면 일치율과 마젠타 차분 오버레이를 확인할 수 있습니다. 모든 처리는 로컬에서 이루어집니다.

1. 기준 이미지 업로드

기준 이미지 선택

2. 비교 이미지 업로드

비교할 이미지 선택

3. 판정 민감도

허용 오차: 0%

엄격 (0) 느슨함 (100)

허용 오차: 0%

JPEG 압축으로 미세한 픽셀 차이가 생길 수 있습니다. 허용 오차를 높이면 허용 가능한 노이즈를 무시하고, 0%는 바이트 단위 검증에 적합합니다.

결과

두 이미지를 선택하세요

일치율
–
차이 픽셀
–
전체 픽셀
–
마젠타 = 차이
회색 = 일치 영역(기준 미리보기)

Diff 미리보기

두 이미지를 업로드하세요

활용 사례

UI 회귀 테스트

배포 전 후 스크린샷을 비교해 의도치 않은 시각적 변화를 발견합니다.

에셋 품질 검사

압축이나 리사이즈 후에도 승인된 소스와 동일한지 배너·썸네일을 확인합니다.

컴플라이언스 · 증빙

외부 서비스로 파일을 보내지 않고도 일치율을 수치로 제시해 리뷰나 감사를 지원합니다.

활용 팁

  • 기준과 비교 이미지의 방향을 맞추면 정확도가 높아집니다. 종횡비가 크게 다르면 차이가 많이 발생합니다.
  • 아주 큰 이미지를 처리할 때는 브라우저 탭을 활성 상태로 유지하면 계산이 원활합니다.
  • 완전 투명한 픽셀은 무시됩니다. 투명한 가장자리를 정확히 비교하려면 배경색을 추가하세요.

사용 방법

  1. 1

    기준 이미지 추가

    신뢰할 기준 또는 골든 이미지를 업로드합니다.

  2. 2

    비교 이미지 추가

    검증하려는 스크린샷이나 내보낸 파일을 업로드합니다. 크기가 달라도 기준 크기에 맞춰 자동으로 스케일됩니다.

  3. 3

    허용 오차를 조정하고 차이를 확인

    슬라이더로 허용 오차를 조정해 압축 노이즈를 무시할지 결정합니다. 마젠타 오버레이와 일치율을 확인하세요.

자주 묻는 질문

이미지가 서버로 업로드되나요?
아니요. 모든 처리는 브라우저 안에서만 이루어집니다. 파일은 기기를 떠나지 않으며 서버에 저장되지 않습니다.
어떤 이미지 형식을 지원하나요?
브라우저가 열 수 있는 형식은 모두 지원합니다. JPEG, PNG, WebP, GIF, BMP, SVG, AVIF 등이 포함되며, 차이는 캔버스에 그려집니다.
투명도와 알파는 어떻게 처리되나요?
두 이미지 모두 완전 투명한 픽셀은 RGB 값이 달라도 일치로 간주합니다. 그 외에는 알파 값의 차이도 비교에 포함됩니다.
허용 오차는 어떻게 선택하나요?
암호 수준 검증은 0%, 압축된 배너나 썸네일은 1–5%, 글꼴 렌더링이나 안티앨리어싱 차이를 허용하려면 더 높은 값을 사용하세요.