MergeImage · 최종 확인 2026-08-04
세 가지 보기로 사용하는 비공개 이미지 비교
이 이미지 비교 도구는 두 파일을 나란히, 슬라이더, 픽셀 차이로 확인합니다. 같은 프레임에 맞추고 라벨과 임계값을 조절한 뒤 서버 전송 없이 비교 결과를 PNG로 저장할 수 있습니다.
- 세 가지 비교 모드
- 변경 픽셀 비율
- 로컬 PNG 내보내기
두 이미지용 비공개 작업 공간
업로드 없이 두 이미지 비교두 원본은 이 브라우저 탭에만 남습니다.
비교할 이미지 두 개를 추가하세요.
가이드
실용 가이드 읽기
이 페이지에서 사용한 공식 및 1차 출처입니다.
01
같은 검토 프레임에서 이미지 비교하는 방법
이미지 비교 — 나란히, 슬라이더, 픽셀 차이가 같은 기하 구조를 사용
원본과 수정본을 하나씩 선택합니다. 이미지 비교 도구는 두 파일을 로컬에서 디코딩하고 공통 프레임을 계산한 뒤 자르지 않고 비율에 맞춰 배치합니다. 원본 크기나 종횡비가 달라도 세 모드가 같은 기준에서 시작합니다.
나란히 보기는 전체 구성 변화를 확인하기 좋습니다. 슬라이더는 두 프레임을 겹치고 경계까지 수정본을 보여 줍니다. 차이 모드는 RGBA 픽셀을 읽고 색상 채널을 비교해 평균 변화가 선택한 임계값보다 큰 픽셀을 강조합니다.
차이 비율은 정규화된 프레임의 측정값이며 품질이나 의미를 판단하는 점수가 아닙니다. 크기 조정, 압축, 안티앨리어싱, 색상 프로필, 1픽셀 위치 변화도 많은 값을 바꿀 수 있습니다. 측정값과 눈으로 본 결과, 원본의 맥락을 함께 확인하세요.
- 이미지 비교 — 레이아웃, 상품, 전후 이야기는 나란히 보기로 확인합니다.
- 이미지 비교 — 같은 영역의 변화는 슬라이더로 확인합니다.
- 이미지 비교 — 차이 모드는 변경 픽셀 위치를 찾지만 원인을 설명하지 않습니다.
- 이미지 비교 — 현재 보기와 라벨을 PNG로 저장합니다.
| 모드 | 적합한 용도 | 구조 | 측정 |
|---|---|---|---|
| 이미지 비교 — 나란히 | 전체 시각 검토 | 같은 크기의 두 프레임 | 점수 없음 |
| 이미지 비교 — 슬라이더 | 이전과 이후 | 겹친 한 프레임 | 경계 위치 |
| 이미지 비교 — 차이 | 변경 위치 찾기 | 히트맵 | 임계값과 비율 |
02
질문에 맞는 이미지 비교 모드 선택
이미지 비교 — 시각적 설명과 픽셀 검토에는 다른 보기가 필요
상품 페이지는 정면, 측면, 세부, 크기 비교를 그리드로 묶을 수 있습니다. 지원 보고서는 오류와 재현 단계를 세로로, 디자인 비교는 같은 배경에서 가로로 배치하면 읽기 쉽습니다.
03
이미지 비교 — 비공개 이미지를 브라우저에 유지
이미지 비교 — 로컬 API로 처리 업로드 방지
브라우저는 이용자가 선택한 파일만 읽고 호환 이미지를 디코딩해 로컬 Canvas에 결과를 만듭니다. 계정, 원격 처리 서버, 유료 API가 필요하지 않고 핵심 흐름에서 MergeImage로 보내는 원본은 0개입니다.
04
이미지 비교 — 읽기 쉬운 비교 결과 내보내기
이미지 비교 — 라벨, 배경, 프레임 구조를 결과에 유지
PNG는 글자, 화면, 투명 배경에 적합합니다. JPEG는 사진 용량을 줄이기 쉽지만 손실 압축이며 투명을 보존하지 않습니다. WebP는 받는 서비스가 지원할 때 품질과 용량의 균형을 잡습니다.
05
이미지 비교 도구 검증 방법
이미지 비교 — 공식 API와 재현 가능한 픽셀 테스트
MDN은 createImageBitmap()과 canvas.toBlob()의 브라우저 동작을 설명하고 W3C File API는 파일 선택 구조를 정의합니다. 이 공식 자료는 기반 기술의 근거이며 MergeImage 인증이나 모든 기기의 동일 성능을 뜻하지 않습니다.
06
이미지 비교 — 읽는 순서부터 정하기
이미지 비교 — 레이아웃은 이미지의 이야기를 따라야 합니다
이미지 비교 — 먼저 결과 순서를 정합니다. 목록은 최종 배치를 보여 주고 원본을 바꾸지 않은 채 이동하거나 삭제할 수 있습니다. 가로는 비교, 세로는 단계, 그리드는 모음, 스마트 긴 화면은 연속 스크린샷에 맞습니다.
이미지 비교 — 원본 크기 유지, 너비 맞춤, 높이 맞춤, 동일한 셀 가운데 목적에 맞는 크기 방식을 고릅니다. 간격, 정렬, 배경은 내보내기 전에 계산되며 미리보기로 순서와 여백을 확인합니다.
이미지 비교 — 도구는 파일 선택과 드롭을 지원하고 목록에서 순서를 바꾸거나 항목을 삭제할 수 있습니다. 다운로드하기 전까지 설정을 바꿀 수 있으며 원본 파일은 덮어쓰지 않습니다.
07
이미지 비교 — 긴 스크린샷을 안전하게 연결
이미지 비교 — 확실하지 않으면 내용을 자르지 않기
이미지 비교 — 겹침 감지는 같은 화면에서 연속 촬영하고 안정된 공통 영역이 있을 때 가장 잘 작동합니다. 고정 헤더, 영상, 애니메이션, 바뀌는 시간은 신뢰도를 낮추며 불확실하면 전체 이미지를 보존합니다.
이미지 비교 — 공유 전에 순서, 방향, 이음새, 배경과 작은 글자의 가독성을 실제 사용 크기에 가깝게 확인합니다. 탭을 닫기 전에 파일을 저장하고 다시 열어 내용과 크기를 점검합니다.
08
이미지 비교 — 크고 비공개인 파일 보호
이미지 비교 — 로컬 처리의 위험과 성능
이미지 비교 — 로컬 처리는 가족 사진, 청구서, 미공개 디자인, 내부 스크린샷처럼 불필요하게 전송하고 싶지 않은 자료에 유용합니다. 업로드와 재다운로드의 대기 시간도 없습니다.
이미지 비교 — 작업 공간은 30개 이미지와 파일당 20MB를 허용합니다. 결과가 한 변 12,000px 또는 80MP를 넘으면 비율대로 줄입니다. 이는 제품 안전 경계이며 모든 브라우저의 보편적 한도는 아닙니다.
09
이미지 비교 — 공유 전에 결과 확인
이미지 비교 — 짧은 점검으로 재작업 줄이기
이미지 비교 — 2026-08-03에 색과 크기가 다른 생성 PNG로 순서 변경, 미리보기, 다운로드, 저장 파일 재디코딩을 확인했습니다. 이는 재현 가능한 제품 검사이며 이용자 수, 속도 순위, 시장 점유율 주장과 무관합니다.
10
이미지 비교 — 읽는 흐름을 지키는 스크린샷 합치기
이미지 비교 — 자동 겹침 제거는 내용을 삭제하지 않고 실패합니다
이미지 비교 — 페이지를 스크롤한 순서대로 이미지를 추가합니다. 스크린샷 합치기는 축소 표본으로 이전 화면의 아래쪽과 다음 화면의 위쪽을 비교합니다. 믿을 수 있는 반복 구간만 다음 이미지에서 잘라 내며 원본 파일은 바꾸지 않습니다.
이미지 비교 — 스마트 레이아웃은 간격을 0으로 고정하고 모든 화면의 너비를 맞춥니다. 빈틈 있는 콜라주가 아니라 연속된 캔버스를 만듭니다. 미리보기 전에는 순서 변경, 회전, 반전, 삭제가 가능하고 목록 순서가 최종 결과를 정합니다.
이미지 비교 — 감지는 의도적으로 신중합니다. 고정 헤더, 영상, 애니메이션, 바뀌는 시계나 디테일이 적은 영역은 확실한 일치를 방해할 수 있습니다. 이때는 다음 화면 전체를 남기고 대체 동작을 알립니다. 행이 조금 반복되는 편이 문장이 사라지는 것보다 안전합니다.
11
이미지 비교 — 사이트 데이터와 설정
이미지 비교 — 테마 설정은 기기에 남을 수 있습니다
이미지 비교 — 사이트는 밝은 테마와 어두운 테마 선택을 Web Storage에 저장할 수 있습니다. 이 로컬 값에는 원본이나 결과가 포함되지 않으며 브라우저의 사이트 데이터 설정에서 삭제할 수 있습니다.
이미지 비교 — 호스팅은 공개 파일 전달과 보안에 필요한 IP 주소, 시간, 요청 경로, 사용자 에이전트 같은 기술 정보를 처리할 수 있습니다. 배포 시 실제 제공자와 보관 조건에 맞게 이 설명을 갱신합니다.
이미지 비교 — 브라우저, 기기, 재현 단계, 선택 레이아웃과 형식, 기대 결과와 실제 결과를 적어 [email protected]으로 보내 주세요. 기밀 원본 대신 민감하지 않은 예시를 사용하며 답변 시간을 보장하지 않습니다.
12
이미지 비교 — Cookies·광고·제3자
이미지 비교 — 광고 활성화 전 조건부 고지
이미지 비교 — 초기 버전에는 제3자 광고가 활성화되어 있지 않습니다. 향후 제3자 광고를 활성화하면 Google을 포함한 제3자 광고주가 쿠키와 웹 비콘를 사용하여 이 사이트에 광고를 게재할 수 있습니다. 광고 제공을 시작하기 전에 이 방침과 필요한 동의 절차를 갱신합니다.
이미지 비교 — Cookies는 브라우저에 저장되는 값이고 웹 비콘는 불러올 때 상호작용을 기록할 수 있는 작은 자원이나 신호입니다. 광고 제공자는 광고 게재, 측정, 빈도 제어, 맞춤 설정에 이를 사용할 수 있습니다.
최종 확인 · 2026-08-04
제품 정보
이 페이지에서 사용한 공식 및 1차 출처입니다.
- 디코딩, 배치, 인코딩은 현재 브라우저에서 로컬로 실행되며 MergeImage 서버로 전송되는 원본 이미지 파일은 0개입니다.
- 작업 공간은 이미지 최대 30개, 파일당 20MB를 허용합니다. 기기별 한도(최대 12,000px / 80MP)를 넘으면 축소하거나 원본 크기의 분할 ZIP으로 저장합니다.
- 검증된 빌드는 가로·세로·그리드·스마트 긴 화면의 4개 레이아웃과 PNG·JPEG·WebP의 3개 출력 형식을 제공하며 2026-08-03에 확인했습니다.
| 제품 정보 | 출처 | 최종 확인 |
|---|---|---|
| 30 | 제품 정보 | 2026-08-04 |
| 20 MB | 제품 정보 | 2026-08-04 |
| 12,000 px / 80 MP | 제품 정보 | 2026-08-04 |
“The HTMLCanvasElement.toBlob() method creates a Blob object representing the image contained in the canvas.”
출처
- Window: createImageBitmap() — MDN Web Docs
- HTMLCanvasElement: toBlob() — MDN Web Docs
- CanvasRenderingContext2D.getImageData() — MDN Web Docs
- File API 명세 — W3C
자주 묻는 질문
이미지 비교 때 파일이 업로드되나요?
아니요. 선택, 디코딩, 그리기, 픽셀 읽기, PNG 출력은 이 탭에서 실행됩니다.
이미지 비교 — 차이 비율은 무엇을 뜻하나요?
정규화된 프레임에서 평균 RGB 변화가 임계값을 넘은 픽셀의 비율입니다.
이미지 비교 — 크기가 다른 이미지도 비교할 수 있나요?
네. 두 이미지를 자르지 않고 같은 프레임에 비율대로 맞춥니다.
이미지 비교 — 전후 사진은 어떤 모드가 좋나요?
피사체와 구도가 같으면 슬라이더, 다르면 나란히 보기부터 사용하세요.
이미지 비교 — 결과를 저장할 수 있나요?
네. 현재 보기를 라벨이 포함된 PNG로 저장합니다.