px pt mm 변환
픽셀·포인트·밀리미터를 96dpi 기준으로 바로 환산합니다.
설명
px·pt·mm·cm·inch(96dpi) 화면/인쇄 단위를 변환합니다.
관련 도구
px(픽셀), pt(포인트), mm(밀리미터), cm(센티미터), inch(인치) 등 타이포그래피와 인쇄에서 쓰이는 크기 단위를 96dpi 기준으로 상호 변환해 주는 도구입니다. 웹 디자인과 인쇄물 디자인을 오가며 작업할 때, 또는 CSS 작업 중 pt나 mm 단위로 받은 사양을 px로 환산해야 할 때 바로 활용할 수 있습니다.
사용 방법
변환할 수치를 입력하고 변환 전 단위(위쪽 선택)와 변환 후 단위(아래쪽 선택)를 고르면 결과 카드에 변환된 값이 즉시 표시됩니다. 예를 들어 인쇄 사양서에 적힌 '12pt 본문 글씨'를 웹 CSS에 적용하려면, 변환 전 단위를 pt·변환 후 단위를 px로 두고 12를 입력하면 16px임을 바로 확인할 수 있습니다. 기준 dpi는 96dpi(웹 표준)로 고정되어 있습니다.
이럴 때 유용해요
포토샵이나 일러스트레이터에서 인쇄용 파일(mm·pt 기준)을 작업한 뒤 동일한 디자인을 웹(px 기준)으로 옮길 때 가장 많이 씁니다. 클라이언트가 '10mm 여백'이라는 인쇄 규격을 전달했을 때 CSS padding 값을 바로 계산할 수 있습니다. 반대로, 개발자가 CSS에서 사용한 px 값을 인쇄소에 mm로 전달해야 할 때도 유용합니다. 또한 반응형 웹에서 폰트 크기를 pt·px·rem으로 혼용하는 팀 환경에서 기준값을 통일할 때도 참고 용도로 쓰입니다.
알아두면 좋은 점
이 도구는 96dpi(인터넷 표준 해상도)를 기준으로 합니다. 1pt = 1/72인치이며, 96dpi에서 1pt ≈ 1.333px입니다. 따라서 CSS의 14px는 약 10.5pt에 해당합니다. 72dpi나 300dpi(인쇄 고해상도)처럼 dpi가 달라지면 px ↔ 실제 물리 크기(mm·inch) 환산값이 달라지므로, 고해상도 인쇄물은 해당 dpi 기준으로 별도 계산해야 합니다. 웹 브라우저에서 CSS pt 단위는 내부적으로 96/72 비율로 px로 환산되므로, 이 도구의 96dpi 기준과 일치합니다.
자주 묻는 질문
CSS에서 16px는 pt로 얼마인가요?
인쇄 A4 용지는 mm로 얼마인가요?
96dpi 기준이 왜 웹 표준인가요?
맥(Mac) Retina 디스플레이에서도 결과가 동일한가요?
인쇄 해상도 300dpi로 계산하려면 어떻게 하나요?
개인정보처리방침
모든 처리는 브라우저 내부에서만 수행되며 입력값·파일은 서버로 전송·저장되지 않습니다. 광고: Google AdSense(쿠키 사용 가능, 설정). 문의 kjh920424@gmail.com
이 변환기가 기준으로 삼는 96dpi
이 도구는 웹 표준(CSS)에서 정한 96dpi를 기준으로 px·pt·mm·cm·inch를 서로 환산합니다. CSS에서 1인치는 정확히 96픽셀로 정의되어 있고, 인쇄용 포인트(pt)는 1/72인치, 밀리미터는 국제단위 그대로 1인치=25.4mm를 씁니다. 그래서 모든 변환의 뿌리는 "1인치 = 96px = 72pt = 25.4mm = 2.54cm" 한 줄입니다. 값을 입력하면 이 관계를 따라 나머지 단위가 즉시 계산되어 표시됩니다.
계산이 어떻게 이뤄지나
입력값을 먼저 인치로 바꾼 뒤 각 단위로 다시 펼치는 방식입니다. 예를 들어 16px을 넣으면 16÷96=0.1667인치가 되고, 여기에 72를 곱해 12pt, 25.4를 곱해 4.233mm가 나옵니다. 반대로 mm를 입력하면 ÷25.4로 인치를 구한 뒤 ×96으로 px를 얻습니다. 자주 쓰는 값을 미리 계산해 두면 아래와 같습니다.
| px | pt | mm | cm | inch |
|---|---|---|---|---|
| 1 | 0.75 | 0.2646 | 0.0265 | 0.0104 |
| 12 | 9 | 3.175 | 0.3175 | 0.125 |
| 16 | 12 | 4.233 | 0.4233 | 0.1667 |
| 96 | 72 | 25.4 | 2.54 | 1 |
핵심 상수만 외워도 검산이 됩니다. 1pt = 1.3333px, 1mm = 3.7795px, 1cm = 37.795px, 1inch = 96px.
이런 상황에서 씁니다
디자인 시안은 mm(명함 90×50mm, A4 210×297mm)로 잡지만 웹·앱 화면은 px로 구현하기 때문에 그 사이를 오갈 때 필요합니다. 워드나 한글에서 지정한 pt 글자 크기를 CSS px로 옮길 때(11pt 본문 ≈ 14.667px), 반대로 웹 폰트 크기를 인쇄물 pt로 환산할 때도 씁니다. Figma·PPT에서 요소 크기를 실제 인쇄 치수로 가늠하거나, 아이콘·여백을 mm 단위 인쇄 감각으로 확인할 때 유용합니다.
실무 팁
화면용 작업이라면 pt는 무시하고 px↔mm만 봐도 충분합니다. 반대로 인쇄 입고용 파일은 96dpi가 아니라 300dpi로 만들어야 하므로, 이 변환기의 px 값은 "화면 미리보기용 대략치"로만 쓰고 실제 해상도는 인쇄소 규격에 맞추세요. pt를 px로 옮길 때 12pt=16px처럼 딱 떨어지는 값은 브라우저 기본 글자 크기와 맞아 렌더링이 깔끔합니다. 소수점이 지저분하게 나오면 px는 정수, mm는 소수 둘째 자리까지 반올림해 쓰는 편이 관리하기 좋습니다.