화면 자 - 화면에서 픽셀 측정

드래그하여 픽셀 단위로 영역을 측정하고, 마우스 좌표를 실시간으로 추적하며, 화면 해상도 정보를 확인하세요.

화면 정보
-
화면 너비
-
화면 높이
-
디바이스 픽셀 비율
-
뷰포트 너비
-
뷰포트 높이
측정 영역
px
클릭하고 드래그하여 영역을 측정하세요.
마우스 위치가 실시간으로 표시됩니다.
현재 측정값
— px
너비
— px
높이
Mouse X
Mouse Y
측정 기록
아직 측정 결과가 없습니다. 위의 캔버스에서 드래그하세요.
🔮 나의 사주 캐릭터를 확인해보세요 🎨 도툰 — 웹툰·일러스트 플랫폼

화면 자란 무엇인가요?

화면 자는 선택 영역을 드래그하여 화면의 거리를 픽셀 단위로 측정할 수 있게 해줍니다. 가로 및 세로 자에 눈금이 표시되고, 마우스 위치가 실시간으로 표시되며, 선택한 영역의 너비와 높이가 표시됩니다. 웹 디자이너, UI 개발자 및 소프트웨어 설치 없이 정확한 픽셀 측정이 필요한 모든 사람에게 유용합니다.

화면에서 픽셀 측정 방법

  1. 모드 선택 — 사각형 (영역) 또는 선 (거리) 모드를 선택하세요.
  2. 클릭하고 드래그 — 측정 캔버스를 클릭하고 드래그하여 선택 영역을 그리세요.
  3. 결과 확인 — 너비, 높이 및 마우스 위치가 드래그하는 동안 실시간으로 업데이트됩니다.
  4. 기록 보기 — 완료된 각 측정은 아래의 기록 목록에 저장됩니다.
  5. 화면 정보 확인 — 화면 해상도, 뷰포트 크기 및 장치 픽셀 비율이 상단에 표시됩니다.

이 화면 자를 사용하는 이유

  • 설치 불필요 — 브라우저에서 직접 작동하며, 확장 프로그램이나 다운로드가 필요하지 않습니다.
  • 사각형 및 선 모드 — 영역 또는 직선 거리를 측정하세요.
  • 픽셀 단위의 완벽한 자 — 10px/50px/100px 눈금이 있는 가로 및 세로 자.
  • 실시간 추적 — 마우스를 움직일 때 마우스 좌표가 즉시 업데이트됩니다.
  • 화면 정보 — 화면 해상도, 뷰포트 크기 및 DPR을 즉시 확인하세요.
  • 측정 기록 — 모든 측정은 지울 때까지 참조를 위해 저장됩니다.
  • 개인 정보 보호 — 모든 것이 브라우저에서 실행되며 데이터가 어디로도 전송되지 않습니다.

FreeToolbox vs 다른 화면 자

기능FreeToolboxPicPickMeasureIt 확장 프로그램
설치없음 (브라우저)데스크톱 앱브라우저 확장 프로그램
사각형 + 선사각형만
눈금 자아니요
화면 해상도 정보아니요아니요
측정 기록아니요아니요
다크 모드시스템아니요
가격무료무료/유료무료

자주 묻는 질문

이 도구가 실제 화면을 측정하나요?

이 도구는 도구 캔버스 영역 내에서 픽셀 거리를 측정합니다. 자와 좌표는 CSS 픽셀 단위입니다. 실제 화면 측정을 위해서는 화면 정보 섹션에 표시된 장치 픽셀 비율을 곱하세요.

웹 페이지의 요소를 측정할 수 있나요?

이 도구는 자체 캔버스 내에서 측정합니다. 웹 페이지 요소를 측정하려면 브라우저 개발자 도구(F12)를 사용하거나 스크린샷을 찍어 이 도구로 측정할 수 있습니다.

장치 픽셀 비율이란 무엇인가요?

장치 픽셀 비율(DPR)은 화면의 물리적 픽셀과 CSS 픽셀의 비율입니다. DPR이 2이면 각 CSS 픽셀이 2×2 물리적 픽셀을 사용하여 렌더링됨을 의미하며, 이는 Retina/HiDPI 디스플레이에서 일반적입니다.

측정 데이터가 저장되나요?

측정값은 세션 중에만 메모리에 보관됩니다. 로컬 스토리지에 저장되거나 서버로 전송되지 않습니다. 페이지를 새로 고치면 모든 측정값이 지워집니다.

사각형 모드와 선 모드 간에 전환할 수 있나요?

예. 캔버스 위의 사각형 또는 선 버튼을 클릭하여 언제든지 모드를 전환할 수 있습니다. 두 유형의 이전 측정값은 모두 캔버스에 표시된 상태로 유지됩니다.