PX/REM 변환기
px, rem, em, pt 간 변환을 합니다.
px
픽셀 (px) 기준값
16.00px
모든 단위 변환
px16.00 px
rem1.0000 rem
em1.0000 em
pt12.00 pt
일반적인 크기 참고
본문 텍스트16px = 1rem
h132px = 2rem
h224px = 1.5rem
small14.0px = 0.875rem
개요
px, rem, em, pt 등 디지털 디자인과 인쇄에서 사용하는 단위를 상호 변환합니다. 웹/앱 개발과 인쇄물 디자인 시 정확한 크기 변환에 활용됩니다.
계산 공식
변환 공식: px → pt: pt = px × 72 / 96 (= px × 0.75, 96dpi 기준). pt → px: px = pt × 96 / 72 (= pt × 1.333). px → rem: rem = px / 기본 폰트 크기(16px). rem → px: px = rem × 기본 폰트 크기. px → em: em = px / 부모 폰트 크기. px → in(인치): in = px / DPI. px → cm: cm = px / DPI × 2.54. 참고: 1인치 = 72pt = 96px(화면 기준).
사용 방법
- 1변환할 단위와 대상 단위를 선택합니다.
- 2기본 폰트 크기(rem/em 변환 시)를 설정합니다.
- 3값을 입력합니다.
- 4변환 결과를 확인하고 복사합니다.
활용 팁
- ✔웹 표준에서 1px는 물리적 픽셀이 아니라 CSS 참조 픽셀(96dpi 기준 약 0.26mm)입니다.
- ✔인쇄물에서는 pt(포인트)가 표준 단위이며, 본문 텍스트는 보통 10~12pt를 사용합니다.
- ✔Retina/고해상도 디스플레이에서는 1 CSS px가 여러 물리 픽셀에 대응합니다(device pixel ratio).
- ✔디자인 도구(Figma, Sketch)와 CSS 간의 단위 차이에 주의하세요.
자주 묻는 질문
Q. px와 pt의 차이는 무엇인가요?
px(픽셀)은 화면 기반 단위로 CSS에서 96dpi를 기준으로 합니다. pt(포인트)는 인쇄 기반 단위로 1pt = 1/72인치입니다. 화면에서 1px ≈ 0.75pt이며, 인쇄물 디자인에서는 pt를 사용하는 것이 정확합니다.
Q. device pixel ratio(DPR)란 무엇인가요?
DPR은 1 CSS 픽셀에 대응하는 물리적 픽셀 수입니다. 일반 디스플레이는 DPR=1, Retina는 DPR=2(또는 3)입니다. 이미지가 고해상도 디스플레이에서 흐릿하게 보이면 DPR 배수로 큰 이미지를 사용해야 합니다.
Q. 인쇄용 디자인의 해상도 설정은 어떻게 하나요?
인쇄물은 일반적으로 300dpi(dots per inch)를 사용합니다. 1인치 = 300도트이므로, 예를 들어 4×6인치 인쇄물은 1200×1800 픽셀 이미지가 필요합니다. 웹용 이미지(72~96dpi)를 그대로 인쇄하면 품질이 낮아집니다.