폰트 단위 변환기 (pt · px · mm · pica)
포인트·픽셀·mm·pica·인치를 한 번에, 96dpi 기준
화면 96dpi 기준으로 환산합니다 (1인치 = 72pt = 96px)
미리보기
16px (96dpi 기준)다람쥐 헌 쳇바퀴 Ag 0123
미리보기는 읽기 좋게 6~160px로만 제한합니다. 실제 물리 크기는 화면 밀도·배율에 따라 달라집니다(pt·mm·inch는 인쇄에서 고정, px만 화면 밀도에 의존).
같은 크기를 두 세계가 다르게 잽니다
글자 크기를 나타내는 단위는 크게 인쇄의 세계와 화면의 세계로 나뉩니다. 인쇄는 pt(포인트)를, 화면은 px(픽셀)을 씁니다. 이 둘을 오갈 때 필요한 환산 상수가 그 유명한 1pt = 1.333px인데, 이 숫자는 외울 게 아니라 정의에서 바로 나옵니다.
1 pt = 1/72 인치 (포인트의 정의)
1 인치 = 96 px (CSS 의 정의, 96dpi)
→ 1 인치 = 72pt = 96px
→ 1 pt = 96/72 = 1.3333… px
→ 1 px = 72/96 = 0.75 pt그래서 자주 쓰는 값이 깔끔하게 떨어집니다 — 12pt = 16px, 9pt = 12px, 18pt = 24px. 위 변환기는 이 96dpi 기준으로 pt·px·mm·pica·inch를 한 번에 환산합니다.
결정적 차이: 물리 크기가 고정이냐 아니냐
pt·mm·inch는 물리 단위입니다. 12pt 글자는 어떤 프린터로 뽑아도 종이 위에서 항상 같은 크기입니다(1/6인치). 반면 px의 물리적 크기는 화면에 따라 달라집니다. 같은 16px라도 촘촘한 고해상도 화면과 성긴 화면에서 실제 크기가 다를 수 있습니다.
그래서 이 변환기는 계속 “화면 96dpi 기준”임을 밝힙니다. 화면 밀도(DPI)와 운영체제 배율까지 반영한 “진짜 물리 크기”는 기기마다 다르므로, 어느 하나로 못 박아 정답인 척하지 않습니다 — CSS가 표준으로 삼는 96dpi를 실용 기준으로 쓸 뿐입니다. 이 점이 인쇄용 pt를 웹 px로 옮길 때 “왜 화면에서 조금 다르게 보이지?” 하는 의문의 뿌리입니다.
단위별로 어디서 만나나
- pt — 워드·한글·PDF 등 문서, 인쇄물. 종이에서 크기가 고정.
- px — 웹·앱 화면. 픽셀 격자가 기본 단위.
- mm — 인쇄소와의 소통, 여백·판형(1인치 = 25.4mm).
- pica — 전통 조판 단위(1pica = 12pt), 인디자인의 단 너비·행간.
- inch — 모든 단위의 기준점(72pt = 96px = 25.4mm).
참고로 em·rem은 여기 없습니다 — 그건 절대 크기가 아니라 루트 글꼴 크기에 상대적인 단위라 성격이 달라, px ↔ rem 변환기가 따로 다룹니다. 글자가 아닌 일반 길이(인치↔cm, 피트·마일)는 길이 변환기를 보세요.
자주 묻는 질문
- 1pt는 왜 1.333px인가요?
- 단위의 정의가 다르기 때문입니다. 1포인트(pt)는 1/72인치로 고정된 인쇄 단위입니다. 한편 CSS(웹)는 1인치를 96픽셀로 봅니다. 그래서 1인치 안에 pt는 72개, px는 96개가 들어가고, 1pt = 96/72 = 1.3333…px가 됩니다. 반대로 1px = 72/96 = 0.75pt입니다. 이 때문에 자주 쓰는 12pt가 정확히 16px, 9pt가 12px로 딱 떨어집니다. 위 변환기는 이 96dpi 기준으로 pt·px·mm·pica·inch를 한 번에 계산합니다.
- pt와 px 중 뭘 써야 하나요?
- 출력 대상에 따라 다릅니다. 인쇄물(종이)은 pt를 씁니다 — 12pt 글자는 어느 프린터에서 뽑아도 종이 위에서 항상 같은 물리적 크기입니다. 화면(웹·앱)은 px를 씁니다 — 화면은 픽셀 격자가 기본 단위이기 때문입니다. 워드·PDF 같은 문서는 pt, 웹사이트 CSS는 px(또는 rem)가 자연스럽습니다. 인쇄용 시안을 웹으로 옮기거나 그 반대일 때 이 변환기로 크기를 맞추면 됩니다.
- px는 화면마다 실제 크기가 다르지 않나요?
- 맞습니다. 그래서 이 변환기는 'CSS 96dpi 기준'임을 밝힙니다. pt·mm·inch는 물리 단위라 실제 크기가 고정이지만, px의 물리적 크기는 화면 밀도(DPI)와 운영체제 배율에 따라 달라집니다. 고해상도(레티나) 화면은 1 CSS픽셀을 여러 물리 픽셀로 그려 선명하게 보여 주지만, CSS상의 좌표계는 여전히 96dpi를 기준으로 동작합니다. 그래서 웹 개발에서는 이 96dpi 환산이 실용적인 기준이 됩니다.
- mm나 pica는 언제 쓰나요?
- mm(밀리미터)는 인쇄·편집에서 여백·판형을 잴 때, 국내 인쇄소와 소통할 때 자주 씁니다(1인치 = 25.4mm). pica(파이카)는 전통적인 조판 단위로 1pica = 12pt이며, 주로 단(칼럼) 너비나 행간을 나타낼 때 인디자인 같은 편집 프로그램에서 보입니다. 이 변환기는 이 단위들도 함께 보여 줘, 인쇄소에서 받은 mm 수치나 편집 파일의 pica 값을 화면 px로 바로 환산할 수 있습니다.
- em·rem은 왜 여기 없나요?
- em·rem은 절대 크기가 아니라 '기준 글꼴 크기에 상대적인' 단위라 성격이 다릅니다. 1rem은 루트 글꼴 크기(보통 16px)의 배수라, 루트가 바뀌면 실제 px도 바뀝니다. 이 상대 단위 변환은 별도 도구인 px↔rem 변환기가 다룹니다. 이 도구는 화면·밀도에 상대적이지 않은 절대 타이포그래피 단위(pt·px·mm·pica·inch)에 집중합니다.