이미지 차이 검사기를 사용하는 방법

원본, 이전 스크린샷 또는 참조 내보내기를 기준 이미지로 사용합니다. 기준선이 명확하면 픽셀 수의 변경 사항을 더 쉽게 발견할 수 있습니다.

새 스크린샷, 편집된 사진, 최적화된 이미지 또는 내보낸 변형을 변경된 이미지로 사용합니다. 일치하지 않는 차원은 측정항목을 검토하기 전에 정렬 확인이 필요합니다.

강조 표시 Diff는 변경된 영역을 표시하고 메트릭 카드를 채웁니다. 슬라이더, 병렬 및 오버레이 보기는 강조 표시된 결과를 시각적 맥락에서 확인합니다.

임계값이 낮을수록 미묘한 변화를 포착합니다. 임계값이 높을수록 압축 노이즈, 작은 조명 변화 및 앤티앨리어싱이 무시됩니다. 임계값을 변경한 후 차이점을 업데이트합니다.

엄격한 UI 검사

명확하게 포착되어야 하는 작은 스크린샷 변경 사항에는 8을 사용해 보세요.

• 버튼 라벨이 저장에서 적용으로 변경되었습니다.

• 아이콘이 약간 움직이거나, 얇은 테두리가 사라지거나, 텍스트 간격이 변경되었습니다.

이 값은 텍스트와 가장자리 주변의 작은 렌더링 노이즈도 포착할 수 있습니다.

미세한 사진 디테일

자세히 살펴봐야만 보이는 이미지 편집을 위해 18을 사용해 보세요.

• 제품 섀도우가 부드러워지고, 얼굴 리터치로 작은 얼룩이 제거되고, 원단 질감이 바뀌었습니다.

• 사진은 거의 동일해 보이지만 하이라이트, 반사 또는 색상 패치가 편집되었습니다.

자세히 검토하기에 좋습니다.

균형 잡힌 기본값

대부분의 비교는 32부터 시작하세요.

• 랜딩 페이지 스크린샷에는 텍스트와 사진이 모두 포함되어 있습니다.

• 제품 이미지를 다시 내보냈거나 다른 도구의 미리보기를 빠르게 확인해야 합니다.

검사를 더 엄격하게 하려면 아래로 조정하고, 잡음이 많은 파일의 경우 위로 조정합니다.

눈에 보이는 주요 변경 사항

눈에 띄는 변화에 집중하려면 64를 시도해 보세요.

• 배경이 바뀌거나, 개체가 이동하거나, 자르기가 변경되거나, 강한 색상 변화가 나타났습니다.

• JPEG 또는 WebP 내보내기에는 약간의 노이즈가 있지만 검토에서는 사람들이 빠르게 알아차리는 변경 사항에만 관심을 갖습니다.

작은 텍스트, 미세한 아이콘 및 가는 테두리가 더 이상 눈에 띄지 않을 수 있습니다.

현재 임계값보다 높은 비교 가능한 캔버스 픽셀 수입니다. 값은 임계값과 정렬에 따라 크게 달라집니다.

변경된 픽셀을 비교 가능한 모든 픽셀로 나눈 값입니다. 이미지 크기나 자르기 영역이 다른 두 실행을 비교하는 데 도움이 됩니다.

평균 절대 RGB 채널 차이입니다. 변경된 영역 비율이 작더라도 광범위한 색상 또는 밝기 변화가 여기에 나타날 수 있습니다.

제곱 평균 RGB 오류입니다. 더 큰 지역적 차이는 작은 분산된 차이보다 RMSE에 더 큰 영향을 미칩니다.

피크 신호 대 잡음비. PSNR이 높을수록 일반적으로 RGB 신호에서 이미지가 더 가깝다는 의미입니다. PSNR이 낮다는 것은 가시적이거나 측정 가능한 오류가 더 많다는 것을 의미합니다.

1픽셀만 이동하면 사진이 거의 동일해 보이더라도 많은 영역을 밝힐 수 있습니다. 오버레이를 열고 기본 가장자리가 정렬되어 있는지 확인하세요.

너비나 높이가 다르면 비교가 덜 직접적입니다. 시각적 보기를 사용하여 눈에 띄는 변화를 찾은 다음 더 명확한 측정항목을 위해 일치하는 크기를 자르거나 내보냅니다.

JPEG 및 WebP 내보내기는 종종 평면 색상과 가장자리에 작은 얼룩을 추가합니다. 검토가 눈에 보이는 편집에 관한 것이라면 임계값을 높이세요.

브라우저, 글꼴 또는 내보내기 변경 후 글꼴, 아이콘 및 벡터 가장자리가 약간 다른 픽셀에 배치될 수 있습니다. 스크린샷 QA를 위해 낮은 임계값을 사용한 다음 강조 표시된 영역을 눈으로 확인하세요.