화면 자 - 화면에서 픽셀 측정
드래그하여 픽셀 단위로 영역을 측정하고, 마우스 좌표를 실시간으로 추적하며, 화면 해상도 정보를 확인하세요.
화면 정보
-
화면 너비
-
화면 높이
-
디바이스 픽셀 비율
-
뷰포트 너비
-
뷰포트 높이
측정 영역
px
클릭하고 드래그하여 영역을 측정하세요.
마우스 위치가 실시간으로 표시됩니다.
마우스 위치가 실시간으로 표시됩니다.
현재 측정값
— px
너비
— px
높이
—
Mouse X
—
Mouse Y
측정 기록
아직 측정 결과가 없습니다. 위의 캔버스에서 드래그하세요.
화면 자란 무엇인가요?
화면 자는 선택 영역을 드래그하여 화면의 거리를 픽셀 단위로 측정할 수 있게 해줍니다. 가로 및 세로 자에 눈금이 표시되고, 마우스 위치가 실시간으로 표시되며, 선택한 영역의 너비와 높이가 표시됩니다. 웹 디자이너, UI 개발자 및 소프트웨어 설치 없이 정확한 픽셀 측정이 필요한 모든 사람에게 유용합니다.
화면에서 픽셀 측정 방법
- 모드 선택 — 사각형 (영역) 또는 선 (거리) 모드를 선택하세요.
- 클릭하고 드래그 — 측정 캔버스를 클릭하고 드래그하여 선택 영역을 그리세요.
- 결과 확인 — 너비, 높이 및 마우스 위치가 드래그하는 동안 실시간으로 업데이트됩니다.
- 기록 보기 — 완료된 각 측정은 아래의 기록 목록에 저장됩니다.
- 화면 정보 확인 — 화면 해상도, 뷰포트 크기 및 장치 픽셀 비율이 상단에 표시됩니다.
이 화면 자를 사용하는 이유
- 설치 불필요 — 브라우저에서 직접 작동하며, 확장 프로그램이나 다운로드가 필요하지 않습니다.
- 사각형 및 선 모드 — 영역 또는 직선 거리를 측정하세요.
- 픽셀 단위의 완벽한 자 — 10px/50px/100px 눈금이 있는 가로 및 세로 자.
- 실시간 추적 — 마우스를 움직일 때 마우스 좌표가 즉시 업데이트됩니다.
- 화면 정보 — 화면 해상도, 뷰포트 크기 및 DPR을 즉시 확인하세요.
- 측정 기록 — 모든 측정은 지울 때까지 참조를 위해 저장됩니다.
- 개인 정보 보호 — 모든 것이 브라우저에서 실행되며 데이터가 어디로도 전송되지 않습니다.
FreeToolbox vs 다른 화면 자
| 기능 | FreeToolbox | PicPick | MeasureIt 확장 프로그램 |
|---|---|---|---|
| 설치 | 없음 (브라우저) | 데스크톱 앱 | 브라우저 확장 프로그램 |
| 사각형 + 선 | 예 | 예 | 사각형만 |
| 눈금 자 | 예 | 예 | 아니요 |
| 화면 해상도 정보 | 예 | 아니요 | 아니요 |
| 측정 기록 | 예 | 아니요 | 아니요 |
| 다크 모드 | 예 | 시스템 | 아니요 |
| 가격 | 무료 | 무료/유료 | 무료 |
자주 묻는 질문
이 도구가 실제 화면을 측정하나요?
이 도구는 도구 캔버스 영역 내에서 픽셀 거리를 측정합니다. 자와 좌표는 CSS 픽셀 단위입니다. 실제 화면 측정을 위해서는 화면 정보 섹션에 표시된 장치 픽셀 비율을 곱하세요.
웹 페이지의 요소를 측정할 수 있나요?
이 도구는 자체 캔버스 내에서 측정합니다. 웹 페이지 요소를 측정하려면 브라우저 개발자 도구(F12)를 사용하거나 스크린샷을 찍어 이 도구로 측정할 수 있습니다.
장치 픽셀 비율이란 무엇인가요?
장치 픽셀 비율(DPR)은 화면의 물리적 픽셀과 CSS 픽셀의 비율입니다. DPR이 2이면 각 CSS 픽셀이 2×2 물리적 픽셀을 사용하여 렌더링됨을 의미하며, 이는 Retina/HiDPI 디스플레이에서 일반적입니다.
측정 데이터가 저장되나요?
측정값은 세션 중에만 메모리에 보관됩니다. 로컬 스토리지에 저장되거나 서버로 전송되지 않습니다. 페이지를 새로 고치면 모든 측정값이 지워집니다.
사각형 모드와 선 모드 간에 전환할 수 있나요?
예. 캔버스 위의 사각형 또는 선 버튼을 클릭하여 언제든지 모드를 전환할 수 있습니다. 두 유형의 이전 측정값은 모두 캔버스에 표시된 상태로 유지됩니다.