이미지 비교

이미지 모드는 두 이미지 간의 시각적 차이에 초점을 맞춥니다.

이미지 비교 시작하기

• 이미지 비교를 열려면 두 개의 이미지를 드롭합니다.
• 이미지가 하나만 로드되어 있으면 다른 이미지를 드롭해 비교를 시작합니다.

이미 두 이미지를 비교하고 있는 상태에서 새 이미지를 드롭하면, ABDiff는 가장 최근 이미지를 유지합니다.

비교 모드

• Split View는 드래그 가능한 구분선의 양쪽에 이미지를 표시합니다. 레이아웃, 간격, 정렬을 눈으로 확인하기에 적합하지만, 사람의 시각에 의존하기 때문에 미세한 픽셀 차이는 놓치기 쉽습니다.
• Side-by-side는 왼쪽 패널에 왼쪽 이미지를, 오른쪽 패널에 오른쪽 이미지를 표시합니다. 오버레이 없이 두 이미지를 동시에 확인할 때 유용합니다.
• Crossfade는 슬라이더로 이미지를 혼합하여 왼쪽 또는 오른쪽 이미지를 강조합니다.
• Change Boxes는 변경된 영역을 감지하고 오른쪽 이미지에만 빨간 사각형을 그립니다. 이미 정렬된 스크린샷이나 렌더링에서 가장 잘 동작합니다. 이미지 크기가 다르면, ABDiff는 왼쪽 위 기준의 공통 교집합만 비교하고 그 밖의 영역은 무시합니다.
• Absolute Difference는 이미지 간의 정확한 픽셀 차이를 보여줍니다. 변경된 모든 픽셀을 강조하지만, 안티앨리어싱이나 작은 렌더링 차이에서 생기는 노이즈도 함께 표시할 수 있습니다.
• Proportional Difference는 상대적인 픽셀 변화를 강조합니다. 덕분에 매우 어두운 영역이나 매우 밝은 영역의 미세한 차이를 더 쉽게 볼 수 있지만, Absolute Difference 와 마찬가지로 사소한 변화가 과장될 수 있습니다.
• Blurred Difference는 비교 전에 약한 블러와 다운샘플을 적용합니다. 이렇게 하면 픽셀 수준의 노이즈가 줄어들고, 작은 래스터 차이보다 더 크고 시각적으로 의미 있는 변화에 집중하기 쉬워집니다.
• Edge Difference는 색 대신 각 이미지의 윤곽선과 형태를 비교합니다. 레이아웃, 간격, 구조 변화 감지에는 적합하지만 색상 차이는 강조하지 않습니다.
• SSIM은 정확한 픽셀 값이 아니라 사람이 인지하는 시각 구조를 기준으로 이미지를 비교합니다. 픽셀 수준의 작은 차이가 있더라도 두 이미지가 사람 눈에 같아 보이는지 판단할 때 유용합니다.
• Delta E (Lab)는 Lab 색 공간에서의 지각적 색 거리로 이미지를 비교합니다. 사람 눈에 보이는 색상 변화를 강조하므로, 색 정확도가 중요할 때 특히 유용합니다.

정렬

정렬은 비교 전에 두 이미지가 공통 픽셀 그리드를 어떻게 공유할지 결정합니다. 줌이나 보기 배율은 바꾸지 않습니다. 옵션:

• None (Top-Left): 두 이미지를 1:1 비율로 유지하고, 왼쪽 상단에 고정하십시오.
• Find Smaller Image in Larger…: 큰 이미지 안에서 작은 이미지를 찾아 정렬합니다.
• Normalize Right to Left: 오른쪽 이미지를 왼쪽 이미지의 픽셀 그리드에 맞게 다시 스케일합니다.
• Normalize Left to Right: 왼쪽 이미지를 오른쪽 이미지의 픽셀 그리드에 맞게 다시 스케일합니다.

정렬이 활성화된 경우, 헤더에 배지가 표시됩니다(예: “Normalized to Left”).

Side-by-side 와 Change Boxes 는 각 패널에 표시된 이미지를 그대로 사용하며, 정렬을 적용하지 않습니다.

루페

루페는 메인 뷰포트에 영향을 주지 않으면서 픽셀 수준 검사를 위한 국부적인 확대를 제공합니다.

• 이미지 비교 도구 막대의 조준경 아이콘으로 루페를 켜거나 끕니다.
• 루페는 커서를 떠다니는 원형 오버레이처럼 추적합니다.
• 확대된 콘텐츠는 커서 바로 아래에서 샘플링됩니다.
• 루페가 커서와 떨어져 있어 검사된 영역이 계속 표시됩니다.
• Change Boxes에서는 오른쪽 패널의 루페에 빨간 사각형 오버레이가 기본으로 포함됩니다. D를 누르고 있으면 오버레이 없는 오른쪽 원본 이미지를 확인할 수 있습니다.

단축키

• A를 누르고 있으면 루페 안에 왼쪽 원본 이미지를 잠시 표시합니다.
• D를 누르고 있으면 루페 안에 오른쪽 원본 이미지를 잠시 표시합니다.
• S 키를 눌러 확대율을 순환합니다: 1× → 2× → 4× → 8× → 1× (기본값: 4×).

맞춤 및 확대

설정 버튼으로 이미지 표시를 조정합니다.

• 실제 크기 (1:1): 1:1 픽셀로 고정됩니다. 자동으로 확대/축소하지 않습니다.
• 창 채우기 (분할, 교차 페이드, 차이 모드): 현재 뷰포트에 한 번만 맞춥니다. 100%를 초과해 확대될 수 있습니다.
• 패널 채우기 (Side-by-side, Change Boxes 모드): 두 패널에 공통 배율로 한 번만 맞춥니다. 100%를 초과해 확대될 수 있습니다.
• 전체 이미지 표시: 전체 이미지를 보이게 한 번만 맞추며, 100%를 초과해 확대하지 않습니다.
• 창에 맞추기 (자동): 창 크기가 바뀔 때마다 다시 계산되는 지속형 자동 맞춤 모드입니다.
  • 분할/교차 페이드/차이 모드에서는 연속적인 창 채우기처럼 동작합니다.
  • Side-by-side/Change Boxes 모드에서는 두 이미지가 모두 들어가면 자동으로 1:1을 사용하고, 그렇지 않으면 전체 이미지 맞춤으로 전환합니다.

전체 이미지 표시 vs 창에 맞추기 (자동)
한 번만, 그리고 100%를 넘기지 않고 맞추려면 전체 이미지 표시를 사용하세요.
창 크기 변경에 맞춰 ABDiff가 계속 자동 조정되게 하려면 창에 맞추기 (자동)을 사용하세요.

마우스 휠이나 View ▸ Zoom 명령으로 이미지를 확대하거나 축소합니다.

마우스로 드래그하거나 미니맵을 사용해 이미지를 다시 배치할 수 있습니다. 이 기능은 이미지 크기가 현재 창을 초과할 때만 사용할 수 있습니다.

미니맵 동작: 미니맵은 콘텐츠가 보이는 영역을 초과할 때만 표시됩니다. 2초 동안 비활성 상태가 지속된 후 자동으로 숨겨집니다. 포인터가 그 위에 머무르거나(또는 내부로 끌어당기면) 여전히 표시됩니다.

관련 항목

• 키 탐색
• 루페 기능 사양