How to Use Screen Ruler Online
Screen Ruler Online의 모든 도구별 빠른 시작 가이드. 아래에서 필요한 도구로 이동하세요 — 각 섹션은 용도, 대상 사용자, 5단계 사용법을 다룹니다.
도구별 빠른 시작
Each section below covers one tool — what it does, who should use it, and a 5-step quick start. Calibration and pixel-density basics are explained at length in the Screen Ruler section, since those concepts apply across the measurement tools.
화면 자
cm, mm, 인치를 지원하는 정확한 화면 자. 신용카드로 한 번 교정하면 화면 가장자리에 대고 실물을 0.5mm 정확도로 측정할 수 있습니다. 인쇄 크기를 확인하는 디자이너, 상품 치수를 확인하는 쇼퍼, 작은 물건을 재는 학생에게 가장 유용합니다.
빠른 시작
- Screen Ruler를 엽니다. 도구가 선택한 단위로 화면 왼쪽에 세로 자를 로드합니다.
- 교정 패널을 누르고 신용카드를 화면 위에 평평히 놓습니다. 화면의 윤곽선이 카드 가장자리와 정확히 일치할 때까지 슬라이더를 드래그합니다.
- 상단의 단위 선택기로 센티미터, 밀리미터, 인치를 전환합니다.
- 측정할 물체를 자에 대고 한쪽 가장자리를 0 눈금에 맞춘 뒤 반대쪽을 읽습니다.
- 작은 화면에서는 전체화면 모드로 가능한 한 가장 긴 자를 사용합니다. 교정값은 기기별로 30일간 저장됩니다.
인쇄용 자
cm, mm, 인치를 1:1 실제 비율로 제공하는 무료 인쇄용 자 PDF. 교정 불필요 — 인쇄해 평평히 놓고 측정하면 됩니다. 공예, 목공, 바느질, 아이 숙제에 물리적 자가 필요한데 손에 없을 때 이상적입니다.
빠른 시작
- Printable Ruler 페이지를 열고 단위(cm, mm, 인치)와 길이를 선택합니다.
- Generate PDF를 클릭합니다. 다운로드는 300 DPI, 1:1 실제 비율입니다.
- 프린터 대화상자에서 배율을 100%(또는 실제 크기)로 설정 — Fit to Page는 자를 조용히 축소하므로 절대 사용하지 마세요.
- 표준 용지에 인쇄합니다. 포함된 교정 사각형으로 프린터가 파일을 재축척하지 않았는지 확인합니다.
- 외곽선을 따라 잘라내면 물리적 자가 됩니다. 코팅하면 반복 사용할 수 있습니다.
기기 사양
69+ 종 스마트폰·태블릿·노트북의 화면 크기, 해상도, PPI, 화면 비율을 필터링할 수 있는 데이터베이스. 반응형 브레이크포인트를 확인하는 개발자, 모델을 비교하는 쇼퍼, 타깃 기기를 고르는 디자이너에게 유용합니다.
빠른 시작
- Device Specs 페이지를 엽니다. 69+ 기기의 필터 가능한 표가 보입니다.
- 브랜드, OS, 연도, 유형, 화면 크기로 필터링하거나 특정 모델을 검색창에서 찾습니다.
- 기기 행을 클릭하면 전체 사양과 관련 기기 목록이 있는 상세 페이지가 열립니다.
- 기기 페이지의 Open Ruler CTA로 해당 기기의 PPI에 맞춰 사전 교정된 자를 실행합니다.
- 비교를 북마크하거나 사양을 사양서에 복사해 구매·디자인 업무에 활용합니다.
무작위 돌림판
공정한 무작위 선택을 위한 커스터마이즈 가능한 스피너. 옵션 목록을 입력하고 Spin을 누르면 휠이 무작위로 한 항목에 멈춥니다. 학생을 뽑는 교사, 저녁 메뉴를 정하는 가족, 순서를 정하는 팀에서 사용됩니다.
빠른 시작
- Spinner를 엽니다. 기본 짧은 옵션 목록이 로드됩니다.
- 항목을 클릭해 편집, Add로 추가, Remove로 삭제합니다.
- 휠이 재분할될 때 각 옵션에 자동으로 색이 부여됩니다.
- Spin을 누릅니다. 휠이 부드럽게 감속하며 회전한 뒤 무작위로 한 세그먼트에 멈춥니다.
- 모든 옵션의 당첨 확률이 동일합니다. 목록은 브라우저에만 저장되며 탭을 닫으면 사라집니다.
죽은 픽셀 테스트
모니터·스마트폰·TV의 죽은 픽셀, 고정 픽셀, 핫 픽셀을 드러내는 풀컬러 테스트 화면. 배송 수령 전, 수리 후, 결함 의심 시 실행 — 60초면 패널이 정상인지 알 수 있습니다.
빠른 시작
- 확인할 화면에서 Dead Pixel Test 페이지를 엽니다.
- 테스트가 패널 전체를 채우도록 브라우저를 전체 화면으로 확장합니다 — 대부분의 브라우저는 F11.
- 색상 화면(빨강, 초록, 파랑, 흰색, 검정)을 차례로 전환합니다. 배경과 색이 다른 픽셀이 있는지 자세히 살펴봅니다.
- 검은 상태로 남는 것은 죽은 픽셀, 한 색으로 고정된 것은 고정 픽셀, 항상 흰색인 것은 핫 픽셀입니다.
- 그라디언트 테스트로 밴딩 같은 균일도 문제를 확인합니다. 고정 픽셀 복구 시도 후 다시 실행해 회복을 확인합니다.
각도기
화면에서 0°부터 360°까지 임의 각도를 측정하는 디지털 각도기. 두 직선을 원하는 각도까지 드래그하며, 1°/5°/15°/45° 스냅 옵션을 사용할 수 있습니다. 기하 숙제, 목공 마이터 컷, 바느질 다트, 사진 지붕 경사 확인에 사용됩니다.
빠른 시작
- Protractor를 엽니다. 기본 90° 각도의 드래그 가능한 두 직선이 있는 원형 다이얼이 로드됩니다.
- 끝점 핸들로 직선을 드래그해 중심을 기준으로 회전합니다. 각도와 음영 섹터는 실시간으로 갱신됩니다.
- 정확한 각도가 필요하면 Snap을 켜고 1°, 5°, 15° 또는 45° 단위를 선택합니다. 직선이 가장 가까운 단위에 스냅됩니다.
- 인쇄 도면을 화면에 평평히 대어 종이 위 각도를 측정합니다.
- Reset으로 90°로 돌아갑니다. 각도기는 기본적으로 내각을 측정 — 우각은 360°에서 빼면 됩니다.
화면 크기 계산기
해상도와 PPI에서 물리적 화면 크기를 계산하거나 시청 거리에 맞는 TV 크기를 확인합니다. 홈시어터 빌더, 모니터 쇼퍼, 65인치 vs 75인치를 비교하는 소비자에게 유용합니다.
빠른 시작
- Screen Size Calculator를 열고 입력 모드를 선택합니다 — 대각선 크기, 가로/세로, 또는 해상도와 PPI.
- 값을 입력합니다. 계산기는 물리적 너비, 높이, 면적, 권장 시청 거리를 반환합니다.
- TV 선택에는 TV size for room 하위 페이지를 사용합니다: 소파-화면 거리를 입력하고 표준(THX, SMPTE 또는 4K 몰입형)을 선택합니다.
- 계산기를 두 번 실행해 화면 두 개를 비교하고 대각선과 가시 면적을 확인합니다 — 16:9 65인치는 21:9 65인치보다 훨씬 큽니다.
- 구매 전에 Device Specs 데이터베이스로 물리적 크기를 교차 확인합니다.
픽셀 변환기
px ↔ mm, cm, 인치, rem, em, pt, %, vw, vh의 즉시 CSS 단위 변환기. 프런트엔드 개발자, 디자이너, 타깃 DPI에 맞춰 타이포그래피·레이아웃을 조정하는 모든 사람을 위해 설계되었습니다.
빠른 시작
- Pixel Converter를 엽니다. 소스 단위(px, mm, cm, 인치, rem, em, pt, %, vw, vh)를 선택합니다.
- 값을 입력합니다. 모든 대상 단위가 동시에 갱신됩니다.
- 기본 글꼴 크기(기본값 16px)와 DPI를 설정해 rem과 물리 단위 변환의 정확도를 확보합니다.
- 1rem = 16px 또는 1pt = 1.333px 같은 일반 변환은 치트 시트에서 확인합니다.
- 결과를 CSS나 디자인 도구에 복사합니다. 변환기는 무상태 — 새로고침하면 폼이 초기화됩니다.
화면 비율 계산기
픽셀 치수에서 화면 비율을 계산하거나 한 변과 비율을 알 때 다른 변을 구합니다. 비디오 편집자, 소셜 미디어 디자이너, Instagram·TikTok·YouTube·LinkedIn용 이미지 크기를 정하는 개발자를 위해 만들어졌습니다.
빠른 시작
- Aspect Ratio Calculator를 엽니다. 픽셀 너비와 높이를 입력해 단순화된 비율을 얻습니다.
- 또는 누락 치수 모드를 선택해 너비와 목표 비율(16:9, 4:3, 1:1, 9:16)을 입력하면 계산기가 높이를 반환합니다.
- 플랫폼 치트 시트로 Instagram 게시물, TikTok 영상, YouTube 썸네일, LinkedIn 배너의 적정 크기를 확인합니다.
- 인쇄용으로 픽셀 크기를 물리 단위로 변환해야 한다면 Pixel Converter로 재확인합니다.
- 단순화된 비율은 너비와 높이의 최대공약수 — 1920×1080은 16:9로, 1080×1080은 1:1로 줄어듭니다.
Calibration Basics
Calibration is the most important step for any measurement tool on the platform. Without it, the ruler shows approximate measurements based on your device's reported pixel density, which is often inaccurate. With calibration, measurements become precise to within half a millimeter.
Using a Credit Card
A standard credit or debit card is the best calibration object because its dimensions are standardized worldwide at 85.6mm x 53.98mm (ISO/IEC 7810). Place your card flat on the screen and use the calibration slider to adjust the on-screen outline until it matches your card exactly.
Using Other Objects
If you don't have a credit card handy, you can calibrate with US quarters (24.26mm), Euro coins (23.25mm), UK pound coins (22.5mm), and more. Select the object from the calibration panel, place it on the screen, and adjust the slider.
Understanding Pixel Density (PPI)
PPI stands for Pixels Per Inch. It tells you how many tiny dots of light fit in one physical inch of your screen. A phone with 460 PPI has much smaller, more densely packed pixels than a desktop monitor with 96 PPI. This means the same number of pixels takes up less physical space on the phone.
Modern screens also use device pixel ratios. A MacBook with a Retina display might report a device pixel ratio of 2, meaning each "CSS pixel" in the browser actually spans 2x2 physical pixels. The ruler, protractor, and pixel converter all account for this automatically during calibration.
Device-Specific Rulers
We maintain pre-configured ruler profiles for popular devices. These profiles use the device's known PPI to provide a starting point before manual calibration. Visit a device-specific ruler for the best starting accuracy:
Questions?
Full answers to common questions about every tool — ruler accuracy, protractor precision, spinner fairness, device support, privacy — live on the FAQ page.