이미지 · 로컬 유틸리티

이미지 차이

Image Diff

PNG·JPEG·WebP 이미지 두 장을 픽셀 단위로 비교하고 분할, 슬라이더, 페이드, 강조, 차이 마스크 보기를 제공합니다.

로컬에서 실행 · 업로드 없음

Toolars가 콘텐츠 유지 관리 · 2026-09-03 업데이트

이미지 차이 · 로컬 픽셀

이미지 차이

PNG·JPEG·WebP 이미지 두 장을 격리 Worker에서 픽셀 단위로 비교하고 분할, 슬라이더, 페이드, 강조, 차이 마스크 보기를 제공합니다.

준비

원본 이미지

원본 이미지 선택

변경본 이미지

변경본 이미지 선택

보기

일치 임계값: 0.10안티앨리어스 가장자리 무시

비교할 이미지 두 장을 선택하세요

준비

이미지 차이 사용법, 개인정보 보호 및 관련 도구

작업 경로 / 입력에서 결과까지

두 이미지를 비교하는 방법

01
두 이미지 선택
원본 이미지와 변경본 이미지를 고르세요. PNG·JPEG·WebP를 지원하며 각 12 MiB, 한 변 8,192픽셀, 정밀 비교는 800만 픽셀까지입니다. JPEG는 불러올 때 EXIF 방향으로 정규화되고, 양쪽에 형식·크기·파일 용량이 표시되며, 양쪽 바꾸기는 한 번의 클릭으로 끝납니다.
02
결과 읽기
크기가 일치하면 격리 Worker에서 자동으로 비교합니다. 임계값 0에서 차이 픽셀이 0이면 “픽셀 완전 일치”, 임계값보다 큰 차이가 0이면 “현재 임계값에서는 차이 없음”이라 그대로 표시하고, 그 외에는 차이 픽셀 수와 전체 대비 비율을 알려 줍니다.
03
다섯 가지 보기 전환
분할은 두 이미지를 나란히 놓고 동기화된 확대·이동을 제공합니다. 스크롤로 확대, 드래그로 이동하며 버튼과 방향키도 쓸 수 있습니다. 슬라이더는 키보드로 조작되는 경계선으로 차이를 드러내고, 페이드는 불투명도를 조절해 겹쳐 보여 주며, 강조는 원본 위에 차이 픽셀을 표시하고, 차이 마스크는 그것만 보여 줍니다.
04
임계값과 안티앨리어싱 조정
일치 임계값은 두 색이 얼마나 달라야 차이로 세는지를 정합니다. 0은 엄격하고, 올리면 JPEG 재압축 노이즈를 흡수합니다. 안티앨리어스 가장자리 무시는 렌더링된 글자와 도형의 부드러운 경계 픽셀을 건너뜁니다. 값을 바꿀 때마다 자동으로 다시 비교하며 이전 실행은 취소됩니다.
05
마스크 내보내기
마스크 PNG 내보내기는 차이 픽셀을 모두 표시한 투명 배경 마스크를 저장해 티켓이나 리뷰에 바로 붙일 수 있게 합니다. 픽셀 일치는 디코딩된 픽셀이 같다는 뜻이지 파일 바이트가 같다는 뜻이 아닙니다. 파일 자체를 검증할 때는 해시 검사기를 사용하세요.

도구 요약

처리: 브라우저에서 완결
입력의 기기 외 전송: 없음
저장: 아무것도 저장하지 않음
가격: 묣료

입력 값은 브라우저에 머물러요.

이미지 차이 도구는 검증된 로컬 실행 경로를 사용하고, 숨겨진 입력 또는 출력 기록을 만들지 않아요.

로컬 실행

현재 브라우저 탭 안에서 실행돼요.

숨겨진 처리 없음

사용 중인 도구 데이터는 Toolars 문서 기록으로 남지 않아요.

계정 불필요

프로필을 만들지 않고도 핵심 워크플로를 사용할 수 있어요. 즐겨찾기는 로그인 후 계정에 동기화돼요.

즉시 초기화

탭을 정리하면 사용 중이던 작업 데이터도 사라져요.

이미지 차이 도구가 유용할 때

집중된 변환

다른 애플리케이션을 설치하지 않고 명확히 정의된 브라우저 작업 하나를 끝내요.

바로 복사하는 출력

복사하거나 다운로드하기 전에 결과를 원본 옆에서 검토해요.

빠른 검증

잘못된 입력과 오래된 결과가 다른 워크플로로 넘어가기 전에 잡아내요.

이미지 차이 도구가 실제로 하는 일

디자인 수정본이 돌아와서 의도한 영역만 바뀌었는지 확인해야 합니다. UI 회귀 테스트에는 두 빌드의 스크린샷이 있고 실패 지점은 긴 페이지 어딘가에 숨어 있습니다. 같은 파이프라인의 두 번 내보내기는 같아야 하는데 눈으로는 증명할 수 없습니다. 두 이미지를 불러오면——비교는 모두 로컬에서 실행됩니다——강조 보기에서 잘못 들어간 워터마크가 원본 위에 빨갛게 빛나고, 버튼이 2픽셀 밀린 곳은 슬라이더를 움직여 확인한 뒤 마스크를 내보내 결함표에 첨부합니다. 스크린샷 크기가 다르면 숫자를 지어내지 않고 “시각 비교만”이라고 표시하며, 정밀 비교가 필요하면 먼저 이미지 크기 조정으로 맞춥니다.

결과를 명확하게 표시

복사하거나 다운로드하기 전에 현재 결과와 선택한 설정을 확인할 수 있어요.

검토하기 쉬운 흐름

결과를 사용하기 전에 관련 구조, 메타데이터 또는 원본 맥락을 확인할 수 있어요.

기본적으로 프라이빗

사용 중인 워크스페이스 값은 저장되거나 서버로 전송되지 않아요.

오류는 명확하게

잘못된 값은 오래된 출력 대신 명확한 오류를 돌려줘요.

자주 묻는 질문

어떤 이미지 형식을 지원하나요?

PNG, JPEG, WebP이며 파일 이름이 아니라 파일 시그니처로 검증하고 각 12 MiB까지입니다. GIF 애니메이션, HEIC, SVG, PDF 페이지는 의도적으로 제외했습니다. 애니메이션 처리나 브라우저마다 다른 디코더가 필요해 픽셀 결론의 신뢰성을 해치기 때문입니다.

이미지 크기가 다르면 어떻게 되나요?

작업 영역은 시각 비교만으로 전환합니다. 분할, 슬라이더, 페이드는 계속 사용할 수 있어 두 버전을 검사할 수 있지만 픽셀 수나 비율은 보고하지 않습니다. 리스케일된 픽셀로 계산한 숫자는 거짓 결론이 되기 때문입니다. 정밀 비교가 필요하면 먼저 이미지 크기 조정으로 한쪽을 같은 크기로 맞추세요.

임계값은 무엇을 바꾸나요?

두 픽셀이 차이로 세이기까지 허용되는 색 거리입니다. 임계값 0은 모든 채널 차이를 세는 엄격한 설정으로 엄격한 내보내기 검사에 적합하지만 JPEG 재압축 노이즈도 잡습니다. 올리면 그 노이즈를 흡수합니다. 안티앨리어스 가장자리 무시를 함께 쓰면 렌더링이 만드는 부드러운 경계 픽셀을 건너뛰어 글자와 도형 가장자리가 통계를 덮지 않게 합니다.

픽셀 일치는 파일이 같다는 뜻인가요?

아니요. 이 결론은 EXIF 정규화 후 디코딩된 픽셀을 비교합니다. 인코더, 압축 수준, 메타데이터가 다른 두 파일도 디코딩된 픽셀은 완전히 일치할 수 있습니다. 바이트 자체가 중요한 순간——무결성 검사, 캐시 키——에는 파일에 해시 검사기를 사용하세요.

색은 정확히 비교되나요?

색은 브라우저가 디코딩한 RGBA로 비교되며 색 관리 변환은 하지 않습니다. 따라서 정확한 것은 그 디코딩 공간에서이고 인쇄 교정 수준의 색차 측정은 아닙니다. 투명도는 알파 채널로 비교에 참여하며, 브라우저마다 디코딩이 다를 때 정직한 범위는 이 브라우저가 본 픽셀입니다.

이미지가 어딘가에 업로드되나요?

아니요. 두 파일 모두 현재 브라우저 탭에 남고 디코딩과 픽셀 비교는 격리된 로컬 Worker에서 실행되며, 아무것도 전송·보관되지 않고 계정도 필요 없습니다.

이미지 스튜디오 카테고리에서 계속하기