직선 거리와 사각형 크기
너비·높이는 두 점의 좌표 차이입니다. 직선 거리는 그 두 값을 이용한 대각선 길이입니다. 예를 들어 가로 차이가 30px, 세로 차이가 40px이면 직선 거리는 50px입니다.
디자인
픽셀 자
두 점 사이의 거리와 사각형 크기를 원본 픽셀로 잽니다.
파일은 이 브라우저에서 처리됩니다.파일을 놓거나 선택하세요. 이미지 붙여넣기도 가능합니다.
JPG · PNG · WebP / 40MB · 1,600만 픽셀 이하 / 애니메이션·회전 메타데이터 제외미리보기
파일을 선택해 시작하세요.
결과
사용 방법
-
측정할 이미지 열기
스크린샷이나 디자인 이미지를 선택합니다. 표시된 원본 크기를 확인하세요.
-
두 점 지정
시작점에서 끝점까지 드래그하거나 X·Y와 끝점 X·Y를 입력합니다. 화면 아래에 너비·높이·거리·각도가 표시됩니다.
-
측정 기록 저장
결과 만들기를 누르면 선과 치수가 그려진 PNG, 원본 크기와 좌표가 담긴 JSON을 받을 수 있습니다.
도구 설명
화면 픽셀과 이미지 픽셀
이 도구는 원본 이미지 좌표를 잽니다. 2배 해상도 스크린샷의 200px이 CSS 200px과 같다고 볼 수는 없습니다. 미리보기를 축소해도 측정 숫자는 변하지 않습니다.
현재 지원 범위
- JPG · PNG · WebP / 40MB · 1,600만 픽셀 이하 / 애니메이션·회전 메타데이터 제외
- 크기는 양의 정수여야 하며, 한 변 8,192px·1,600만 픽셀 이하여야 합니다.
- 한 번에 두 점 사이의 측정 하나. 여러 측정선 저장은 지원하지 않습니다.
- 각도는 오른쪽 방향이 0도이며 화면 아래쪽으로 향하면 양수입니다.
- 실제 cm·mm·인쇄 크기나 웹 요소의 CSS 크기를 자동 추정하지 않습니다.
자주 묻는 질문
확대해서 보지 않아도 정확한가요?
원본 좌표로 계산합니다. 다만 포인터로 작은 부분을 잡기 어렵다면 좌표를 직접 입력하세요.
너비 100은 픽셀 101개 아닌가요?
이 도구는 양 끝을 포함한 픽셀 개수가 아니라 좌표 간 거리를 잽니다. X=0에서 X=100까지의 너비는 100px입니다.
JSON에는 무엇이 들어가나요?
원본 너비·높이, 시작점·끝점, 측정 단위, 너비·높이·직선 거리·각도를 저장합니다. 원본 이미지 자체는 넣지 않습니다.