포인트, 파이카, 밀리미터, 인치, 픽셀 등 타이포그래피 단위를 상호 변환합니다. 화면 해상도(DPI)를 지정하면 CSS 픽셀 값도 함께 산출됩니다.
타이포그래피 단위
포스트스크립트(DTP) 포인트. CSS, PDF, 대부분의 디자인 소프트웨어에서 사용하는 표준 단위로, 1인치를 72등분한 크기(약 0.3528 mm)입니다.
12포인트에 해당하는 타이포그래피 단위. 6파이카가 1인치입니다.
픽셀
화면 해상도(인치당 도트 수, DPI). 웹·CSS 용도에는 96, 레거시 Mac 환경에는 72, 레티나 디스플레이에는 326을 사용합니다.
CSS 기준 픽셀. 지정된 해상도에서 포인트를 픽셀로 환산한 값입니다. 96 DPI 기준에서 1포인트는 약 1.333픽셀입니다.
타이포그래피 단위 변환
타이포그래피는 포인트, 파이카, 밀리미터, 인치, 픽셀 등 고유한 길이 단위 체계를 갖습니다. 단위마다 적합한 맥락이 다르며, 픽셀 변환은 화면 해상도 정보가 추가로 필요합니다.
포인트: 조판의 기본 단위
포스트스크립트 포인트(pt)는 1/72인치, 약 0.3528 mm로 정의됩니다. Adobe가 1980년대에 도입한 이래 CSS, PDF, macOS, iOS 및 주요 디자인 소프트웨어의 표준으로 자리 잡았습니다.
역사적으로 유럽에서 쓰인 디도(Didot) 포인트는 약 0.376 mm로 더 크고, 영미권 인쇄 포인트는 약 0.351 mm입니다. 두 단위 모두 현대 소프트웨어에서는 사용되지 않습니다.
파이카
파이카는 12포인트, 즉 1/6인치(약 4.233 mm)에 해당합니다. 단 너비, 여백, 줄 간격을 지정할 때 편리하며, CSS에서는 pc로 표기합니다(font-size: 1pc = 12pt).
포인트에서 픽셀로: 해상도의 역할
포인트를 픽셀로 환산하려면 화면 해상도(DPI)가 필요합니다.
CSS 기준 해상도는 96 DPI로, 1인치 = 96 px로 정의됩니다. 이 환경에서 12 pt는 px가 됩니다.
72 DPI는 과거 Mac 화면의 기준이었으며, 이때 1 pt = 1 px가 정확히 성립했습니다. 326 DPI 레티나 디스플레이는 내부적으로 장치 픽셀 비율을 통해 배율을 처리하므로, CSS·웹 작업에서는 항상 96 DPI를 입력하면 됩니다.
계산 예
본문 크기 10.5 pt를 웹 표준 해상도로 환산하면 다음과 같습니다.
mm=10.5×7225.4≈3.704 mmpx=10.5×7296=14 px
10.5 pt 본문은 브라우저에서 14 px로 렌더링되며, 인쇄물에서는 행 높이가 약 3.7 mm에 해당합니다.
자주 묻는 질문 (FAQ)
타이포그래피 포인트란 무엇입니까?
타이포그래피 포인트는 인쇄 및 디지털 조판에서 사용하는 가장 기본적인 길이 단위입니다. 현재 표준은 포스트스크립트(DTP) 포인트로, 1/72인치(약 0.3528 mm)로 정의됩니다. 이 정의는 CSS, PDF, macOS, iOS 및 Adobe Illustrator·InDesign 등 주요 디자인 소프트웨어 전반에서 채택하고 있습니다.
포인트와 픽셀은 어떻게 다릅니까?
포인트(pt)는 화면 해상도에 무관한 절대 단위로, 1/72인치에 해당합니다. 반면 픽셀(px)은 디스플레이 해상도에 따라 물리적 크기가 달라지는 상대 단위입니다. CSS 기준 해상도인 96 DPI에서는 1pt가 4/3 px(≈ 1.333 px)에 해당합니다. 72 DPI 환경에서는 1pt = 1 px가 정확히 성립합니다. 326 DPI 레티나 디스플레이처럼 고해상도 화면에서는 장치 픽셀 비율(device pixel ratio)을 통해 소프트웨어 픽셀이 일정한 기준 크기로 표현됩니다.
포스트스크립트 포인트와 전통적인 포인트는 어떻게 다릅니까?
포스트스크립트(DTP) 포인트는 1/72인치(0.352778 mm)로 정확히 정의됩니다. 유럽의 전통적인 디도(Didot) 포인트는 약 0.376 mm로 더 크고, 영미권 인쇄 포인트는 약 0.351 mm입니다. 포스트스크립트 포인트는 Adobe가 1980년대에 도입한 이래 디지털 타이포그래피의 보편 표준으로 자리 잡았으며, 이 변환기도 해당 정의를 사용합니다.
웹 또는 CSS 작업 시 DPI를 얼마로 설정해야 합니까?
CSS 작업에는 96 DPI를 사용합니다. CSS 사양에서 1인치는 정확히 96 CSS 픽셀로 정의되므로, 1포인트(1/72인치)는 96/72 ≈ 1.333 CSS 픽셀에 해당합니다. 이 기준 해상도는 실제 화면의 물리적 해상도와 무관하며, 고해상도 화면은 내부적으로 장치 픽셀 비율을 통해 배율을 처리합니다. 72 DPI는 1pt = 1 화면 픽셀이 전제되던 레거시 Mac 환경이나 인쇄 맥락에서만 사용합니다.
타이포그래피에서 파이카란 무엇입니까?
파이카는 12포인트, 즉 1/6인치(약 4.233 mm)에 해당하는 타이포그래피 단위입니다. 인쇄 조판과 데스크톱 출판에서 단 너비, 여백, 줄 간격(행간)을 지정할 때 널리 사용됩니다. CSS에서의 약칭은 pc로, font-size: 1pc는 12pt와 동일합니다. 6파이카가 1인치이며, 72포인트와 6파이카는 서로 같습니다.
면책조항
이 변환기는 포스트스크립트(DTP) 포인트 정의(1 pt = 1/72인치)를 사용합니다. 픽셀 값은 DPI 입력란에 지정된 해상도를 기준으로 산출된 CSS 기준 픽셀입니다. 다른 포인트 정의를 사용하는 인쇄 환경이나 레거시 플랫폼에서는 결과가 다를 수 있습니다.