DevToolPal
한국어

CSS 단위

px → pt 변환기

픽셀(px)을(를) 포인트(pt)(으)로 변환합니다. 1 px = 0.75 pt, 1 pt = 1.333333333 px입니다.

공식

pt = px × 0.75

변환 방법

픽셀을(를) 포인트(으)로 변환하려면 값에 0.75을(를) 곱합니다. 예: 32 px = 24 pt.

변환표

px pt
1 px 0.75 pt
2 px 1.5 pt
4 px 3 pt
8 px 6 pt
10 px 7.5 pt
12 px 9 pt
14 px 10.5 pt
16 px 12 pt
18 px 13.5 pt
20 px 15 pt
24 px 18 pt
32 px 24 pt
48 px 36 pt
64 px 48 pt

이 단위에 대해

브라우저는 모든 CSS 길이를 결국 픽셀로 바꿉니다. rem은 루트 글꼴 크기, em은 부모 요소의 글꼴 크기를 기준으로 하며, 페이지나 사용자가 바꾸지 않으면 주요 브라우저에서 둘 다 16px입니다. 1pt는 1/72인치, 1px는 1/96인치이므로 1pt = 1.333px입니다. vw는 뷰포트 너비의 1%라서 픽셀 값은 화면에 따라 달라집니다.

자주 묻는 질문

› px을(를) pt(으)로 어떻게 변환하나요?

1 px = 0.75 pt입니다. 변환하려면 값에 0.75을(를) 곱합니다: 32 px = 24 pt.

› 1 pt은(는) 몇 px인가요?

1 pt = 1.333333333 px입니다. 반대 방향 공식은 px = pt ÷ 0.75입니다.

› px 대신 rem을 쓰는 이유는?

rem은 사용자가 브라우저에서 설정한 글꼴 크기를 따라가 접근성에 좋고, 루트 값 하나만 바꿔도 전체 레이아웃이 일관되게 조정됩니다.

› rem과 em의 차이는?

rem은 항상 루트(html) 글꼴 크기를 씁니다. em은 부모 요소의 글꼴 크기를 쓰므로 중첩하면 값이 곱해집니다.