온라인 자 (실제 크기): 휴대폰과 PC 화면으로 재는 자

제작: Nitin Raja · 최종 업데이트: 2026년 10월 24일

온라인 자를 실제 크기로 쓰는 법

온라인 자를 띄워도 화면에 맞게 설정하지 않으면 실제 크기가 되지 않아요. 웹 페이지는 「CSS 픽셀」이라는 단위로 그려지고 1인치를 96픽셀로 정해 두었지만, 실제 화면은 그렇지 않아요. 휴대폰은 1인치에 약 160 CSS 픽셀이 들어가기도 하고, 큰 모니터는 96보다 적기도 해요. 여기에 브라우저 확대·축소와 운영체제의 화면 배율까지 더해져요. 그래서 같은 자 그림이 어떤 화면에서는 30% 작게, 다른 화면에서는 20% 크게 보일 수 있고, 브라우저는 그걸 스스로 알 방법이 없어요.

해결책은 크기를 아는 물건을 화면에 보여 주는 거예요. 이 자는 카드를 써요. 신용카드, 체크카드, 신분증 같은 카드는 국제 규격 ISO/IEC 7810 ID-1에 따라 모두 85.60 × 53.98 mm로 만들어지기 때문이에요. 카드를 화면에 대고 테두리를 맞추면, 페이지가 1 mm가 몇 픽셀인지 정확히 알고 그 비율로 실제 크기 자를 그려요.

카드로 보정하는 순서

1. 표준 크기 카드를 준비해요. 신용카드, 체크카드, 운전면허증, 멤버십 카드, 도서관 카드 등 무엇이든 괜찮아요.
2. 카드를 화면에 평평하게 대고, 카드의 왼쪽 위 모서리를 테두리의 왼쪽 위 모서리에 맞춰요. 휴대폰에서는 카드를 세로로 대요.
3. 주황색 손잡이를 드래그해서 테두리의 오른쪽 끝을 카드의 오른쪽 끝에 맞춰요. 마지막 1~2픽셀은 +와 - 버튼으로 맞춰요.
4. 저장해요. 보정값은 이 브라우저에 저장되고 반지 사이즈 측정에서도 쓰여요.

저장하면 보정값으로 계산한 화면의 대각선 크기가 나와요. 13.3인치 노트북에서 「13.3인치」라고 나오면 제대로 보정된 거예요. 많이 다르면 다시 보정하세요.

cm와 mm 눈금 읽는 법

위쪽(세로일 때는 왼쪽)이 cm와 mm 눈금이에요. 가장 긴 선이 1 cm마다 있고 숫자가 붙어 있어요. 중간 길이의 선은 5 mm, 짧은 선은 1 mm예요. 숫자 4 선에서 짧은 선을 7개 더 간 곳이라면 4.7 cm, 즉 47 mm예요.

인치 눈금 읽는 법

아래쪽(세로일 때는 오른쪽)은 인치 눈금이고, 1인치를 16칸으로 나눴어요. 숫자와 숫자 사이 한가운데가 1/2인치, 그다음 짧은 선이 1/4, 그다음이 1/8, 가장 짧은 선이 1/16이에요. 자 위의 표시에는 분수와 소수가 함께 나오니 직접 셀 필요는 없어요.

정확하게 재는 요령

• 물건을 화면에 평평하게 올리고 한쪽 끝을 0 선에 딱 맞춰요. 휴대폰은 화면 모서리가 둥글고 테두리가 0 근처에 걸리는 경우가 많으니, 조금 띄워 놓고 나중에 빼거나 1 cm 선부터 재요.
• 바로 위에서 내려다봐요. 유리가 그림보다 1 mm쯤 위에 있어서 비스듬히 보면 선이 어긋나 보여요.
• 휴대폰에서는 세로 자를 써요. 휴대폰은 세로가 길어서 세로 자가 더 길게 잴 수 있어요.
• 브라우저 확대 비율은 100%로 두세요. 바꿨다면 다시 보정하세요.

실제 크기 자로 재기 좋은 것

나사와 볼트, 액세서리, 단추, 사진이나 카드 크기, 온라인 쇼핑몰에서 본 상품 치수 확인처럼 작은 물건에 알맞아요. 손가락에 감은 종이 띠를 재면 반지 사이즈도 알 수 있어요. 화면보다 긴 물건이나 1 mm 차이가 중요한 경우에는 진짜 자나 줄자를 쓰세요. 반지 사이즈는 반지 사이즈 측정에서 호수로 바꿔 볼 수 있어요.

이 온라인 자를 만든 이유

CheckMyHeight를 만들기 전에 키와 사이즈를 다루는 사이트를 많이 써 보면서, 사람들에게 정말 필요한 것과 오히려 방해만 되는 것이 무엇인지 살펴봤어요. 「실제 크기」라고 내세우는 자가 좋은 예예요. 웹 페이지는 1인치를 96픽셀로 정한 CSS 픽셀로 그려지지만 실제 화면은 그렇지 않고, 브라우저 확대·축소와 디스플레이 배율이 그 값을 또 바꿔요. 보정을 건너뛴 자는 20%나 30% 틀릴 수 있고, 틀렸다는 신호도 전혀 주지 않아요. 저희는 지갑 속 카드 한 장으로 1분 안에 내 화면에 맞출 수 있고, 보정이 제대로 됐는지도 알려 주는 자를 만들고 싶었어요.

이 온라인 자가 재는 것

• 보정: 테두리를 늘려 신용카드나 신분증 같은 카드(ISO/IEC 7810 ID-1, 85.60 × 53.98 mm)에 맞추면 1 mm당 픽셀 수가 정해져요. 확인용으로 그 값에서 계산한 화면 대각선 크기를 보여 주니, 실제 디스플레이 크기와 비교해 볼 수 있어요.
• 자: 한쪽 가장자리에는 mm와 cm, 다른 쪽에는 1/16로 나눈 인치 눈금을 그 비율로 그려요.
• 읽기: 표시를 물건 끝까지 누르거나 드래그하면 cm, mm, 1/16 단위의 인치 분수, 소수 인치로 길이를 보여 줘요.
• 확대 비율과 화면: 같은 화면에서 브라우저 확대 비율이 바뀌면 비율을 바로잡고, 다른 화면에서는 다시 보정하라고 알려 줘요.

2026년 10월 24일에 마지막으로 확인했어요. 화면보다 긴 물건, 카메라로 보는 물건, 각도는 잴 수 없어요. 테두리가 카드와 1 mm 어긋나면 10 cm를 잴 때 1~2 mm 정도 틀어져요.

이 온라인 자가 다른 점

• 카드로 내 화면에 맞춰요. 1인치 96픽셀이라고 가정하지 않아요.
• 확인 기능이 들어 있어요: 계산된 화면 크기를 보면 보정이 어긋났을 때 알 수 있어요.
• 휴대폰용 세로 모드: 휴대폰은 가로보다 세로가 길어요. 세로로 든 휴대폰에서는 처음부터 세로 모드로 시작해요.
• 두 눈금을 한 번에 보여 주고, 인치 분수도 대신 계산해 줘요.
• 출력도 설치도 회원가입도 필요 없어요. 보정값은 브라우저 안에만 있고 반지 사이즈 측정과 함께 써요.