1pt, 1px, 1mm는 각각 무엇을 기준으로 정의되나
글자 크기 단위가 헷갈리는 이유는 서로 정의된 방식이 다르기 때문입니다. 포인트(pt)는 인쇄 세계에서 온절대 길이 단위로, 현대 DTP(PostScript, PDF, 대부분의 워드프로세서)에서는 1pt = 1/72인치입니다.픽셀(px)은 원래 화면의 점 하나지만, CSS에서는 기기와 무관한 기준 픽셀로 정의되어1in = 96px로 고정됩니다. 그래서 CSS 안에서는 인치를 매개로 1pt = 96 ÷ 72 = 1.3333px, 거꾸로 1px = 0.75pt가 항상 성립합니다. 밀리미터는 1in = 25.4mm로 정의되므로1px ≈ 0.2646mm, 1pt ≈ 0.3528mm입니다.
em과 rem은 절대 단위가 아니라 상대 배수입니다. rem은 문서 루트(html) 요소의 글자 크기를 1로 보는 배수이고, 브라우저 기본값이 16px이므로 1rem = 16px로 계산되는 경우가 가장 흔합니다. em은 해당 요소의 부모 글자 크기를 기준으로 하므로(단, font-size 속성 자체에서는 부모 기준, 그 밖의 속성 길이에서는 자기 자신의 글자 크기 기준) 중첩될수록 값이 곱해져 의도치 않게 커지거나 작아질 수 있습니다. 이 변환기의 "기준 크기" 칸에 부모(또는 루트)의 px 값을 넣으면 해당 배수를 계산해 줍니다.
변환 공식 한눈에 정리
- pt → px: px = pt × 96 ÷ 72 = pt × 1.3333
- px → pt: pt = px × 0.75
- px → mm: mm = px ÷ 96 × 25.4
- mm → px: px = mm ÷ 25.4 × 96 (1mm ≈ 3.7795px)
- em/rem → px: px = 배수 × 기준 크기(px)
- 인쇄 해상도 dpi에서 필요한 픽셀 수: px = pt ÷ 72 × dpi
자주 쓰는 글자 크기 환산표 (빌드 시 계산)
아래 표의 숫자는 위 공식으로 계산한 값이며, rem 열은 기준 16px을 가정했습니다. 용도 열은 관례적인 사용 예이며 문서 양식마다 다를 수 있습니다.
| pt | px | mm | rem(16px) | 300dpi 높이(px) | 대표 용도 |
|---|---|---|---|---|---|
| 6 | 8 | 2.12 | 0.5 | 25 | 각주·법적 고지 최소 수준(가독성 낮음) |
| 8 | 10.67 | 2.82 | 0.667 | 33.3 | 표 안 보조 문구, 명함 부가 정보 |
| 9 | 12 | 3.18 | 0.75 | 37.5 | 신문 본문, 캡션 |
| 10 | 13.33 | 3.53 | 0.833 | 41.7 | 문서·논문 본문(좁은 단) |
| 10.5 | 14 | 3.7 | 0.875 | 43.8 | 문서 본문에 흔히 쓰는 크기(프로그램·서식에 따라 다름) |
| 11 | 14.67 | 3.88 | 0.917 | 45.8 | Word 계열에서 흔한 본문 크기(버전·서체에 따라 다름) |
| 12 | 16 | 4.23 | 1 | 50 | 보고서·자기소개서 본문, 웹 기본 16px |
| 14 | 18.67 | 4.94 | 1.167 | 58.3 | 소제목, 큰 글씨 본문 |
| 18 | 24 | 6.35 | 1.5 | 75 | 제목, 발표 자료 본문 |
| 24 | 32 | 8.47 | 2 | 100 | 큰 제목, 슬라이드 제목 |
| 36 | 48 | 12.7 | 3 | 150 | 표지 제목, 포스터 부제 |
| 72 | 96 | 25.4 | 6 | 300 | 1인치 높이 글자 |
종이 크기를 화면 픽셀로 바꾸면
웹에서 인쇄용 페이지를 미리 보여 주거나 PDF 변환 레이아웃을 맞출 때는 종이 크기를 px로 알아야 합니다. 96px/in 기준(CSS)과 300dpi 인쇄용 이미지 기준을 함께 계산했습니다.
| 용지 | 96px/in 기준(px) | 300dpi 기준(px) |
|---|---|---|
| A4 (210 x 297mm) | 794 x 1123 | 2480 x 3508 |
| A5 (148 x 210mm) | 559 x 794 | 1748 x 2480 |
| 명함 (90 x 50mm) | 340 x 189 | 1063 x 591 |
| 엽서 (100 x 148mm) | 378 x 559 | 1181 x 1748 |
검산된 계산 예시
예시 1. 문서의 12pt를 웹에 옮길 때. 12pt × 96 ÷ 72 = 16px이고, 16 ÷ 16 = 1rem입니다. 반대로 문서 본문에 쓰이기도 하는 10.5pt는 10.5 × 1.3333 = 14px(0.875rem)입니다. 보고서 본문 크기를 그대로 웹에 가져오면 대체로 14~16px이 됩니다.
예시 2. 3mm 높이 글자는 몇 px인가. 3 ÷ 25.4 × 96 = 약 11.34px, 포인트로는 약 8.5pt입니다. 간판·라벨처럼 실물 크기가 정해진 디자인을 화면 시안으로 옮길 때 쓰는 계산입니다.
예시 3. 300dpi 인쇄물 속 12pt 글자. 12 ÷ 72 × 300 = 50px입니다. 즉 300dpi로 만든 이미지에 12pt 글씨를 넣으려면 글자 높이 기준 크기를 50px로 설정해야 인쇄 시 실제 12pt로 나옵니다. 같은 이미지를 72dpi 기준 도구에서 작업하면 12px이 되어 인쇄 크기가 4배 이상 차이가 나는 이유가 여기에 있습니다.
흔한 오해와 실수
- "1pt = 1px"이라고 생각하는 경우. 옛 72ppi 맥 화면 시절의 관행에서 나온 오해입니다. CSS에서는 1pt가 1.3333px이므로, 12pt는 12px이 아니라 16px입니다.
- font-size는 글자 "높이"가 아니라 em 박스 크기. 지정한 크기는 폰트가 정한 em 사각형의 높이이며, 실제 눈에 보이는 글자(대문자·소문자 x-높이)는 그보다 작습니다. 같은 16px이라도 폰트마다 크게 보이는 정도가 다르므로 mm로 환산한 값이 실제 글자 높이와 같지는 않습니다.
- 화면의 실제 물리 크기와 혼동. CSS의 96px/in은 약속된 기준일 뿐입니다. 모니터 배율(예: 125%, 150%)과 실제 PPI에 따라 화면에서 자로 잰 크기는 달라집니다. 정확한 실물 크기 출력은 인쇄(PDF)에서만 보장됩니다.
- TeX의 pt는 약간 다릅니다. LaTeX의 1pt는 1/72.27인치(약 0.3515mm)여서 PostScript의 1pt(1/72인치)보다 약 0.4% 작습니다. 일반 워드프로세서 문서에서는 신경 쓰지 않아도 됩니다.
- em 중첩. 부모가 1.25em, 자식도 1.25em이면 자식은 1.5625배가 됩니다. 일관된 크기가 필요하면 rem을 쓰는 것이 안전합니다.
- 사용자 설정 무시. 글자 크기를 px로 고정하면 브라우저의 기본 글꼴 크기 설정을 키워 쓰는 사용자에게 반영되지 않을 수 있습니다. 접근성을 위해 본문은 rem 사용을 권장합니다.
이 변환기를 쓰면 안 되는 경우
모니터·스마트폰의 실제 픽셀 밀도(PPI)를 알고 싶거나, 특정 기기에서 글자가 실제로 몇 mm로 보이는지 확인하려는 경우에는 이 도구가 답이 되지 못합니다. 이 도구는 CSS와 PDF가 약속한 논리 단위끼리의 환산만 다룹니다. 또한 모바일 앱(안드로이드 dp/sp, iOS pt)의 단위는 이름이 같아도 CSS의 pt와 정의가 다르므로 별도 기준을 확인해야 합니다.
결과를 어떻게 활용하나
문서 디자인을 웹으로 옮길 때는 본문을 pt → px로 환산해 16px(1rem) 전후에 맞추고, 제목은 비율(1.25배, 1.5배 등)로 rem을 정합니다. 인쇄물을 만들 때는 원하는 pt를 필요한 dpi의 픽셀로 바꿔 이미지 편집 도구에 입력합니다. 위 결과의 CSS 값 복사 버튼으로 그대로 스타일시트에 붙여 넣을 수 있습니다. 색상 값 변환은 색상 코드 변환기, 화면 비율 계산은화면 비율 계산기, 길이·면적 등 다른 단위는단위 변환기와 면적 단위 변환기를 이용하세요. 전통 자(尺) 단위 환산은 전통 길이 단위 변환기에서 확인할 수 있습니다.
자주 묻는 질문
인쇄 디자인에서는 왜 pt를 주로 쓰나요?
포인트는 인치를 기준으로 한 절대적인 물리적 단위여서 화면 해상도와 무관하게 항상 같은 실제 크기를 나타내기 때문에, 종이에 인쇄되는 정확한 크기를 다뤄야 하는 인쇄·출판 디자인에서 전통적으로 널리 사용됩니다.
em과 rem의 차이는 무엇인가요?
em은 해당 요소의 부모(또는 자기 자신) 글자 크기를 기준으로 한 상대 배수이고, rem은 항상 문서 최상위(root) 요소의 글자 크기 하나만을 기준으로 하는 상대 배수입니다. 이 계산기의 "기준 크기"는 rem이라면 문서 루트 크기를, em이라면 적용하려는 요소의 부모 글자 크기를 입력하면 됩니다.
12pt는 몇 px인가요?
CSS 기준(1in = 96px, 1in = 72pt)으로 12pt는 12 × 96 ÷ 72 = 16px입니다. 이는 웹 브라우저의 기본 글자 크기 16px과 같아서 "문서 본문 12pt = 웹 본문 1rem"으로 기억하면 편리합니다.
디자인 툴(포토샵 등)에서 pt와 px 값이 다르게 나오는 이유는?
툴마다 문서 해상도(ppi) 설정이 다르기 때문입니다. 72ppi 문서에서는 1pt = 1px로 보이고, 300ppi 문서에서는 12pt가 50px이 됩니다. 웹용 CSS 값으로 옮길 때는 문서 해상도가 아니라 96px/in 규칙으로 다시 계산해야 합니다.
본문 글자는 최소 몇 px 이상이 좋은가요?
절대적인 법칙은 없지만 웹 본문은 보통 16px(12pt) 안팎을 기본으로 하고, 모바일에서 14px 미만은 읽기 어렵다는 의견이 많습니다. 폰트마다 x-높이가 다르므로 실제 화면에서 확인하는 것이 가장 정확합니다.
소수점이 길게 나오면 어떻게 하나요?
이 도구는 소수 셋째 자리까지 반올림해 보여 줍니다. CSS에서는 소수 px도 허용되지만 화면에서는 장치 픽셀에 맞춰 렌더링되므로, 실무에서는 가까운 정수나 0.5 단위로 정리해도 무방합니다.