px·pt·em·rem 변환기

이 페이지는 픽셀, 포인트, 파이카, em, rem, 인치 등 10개의 단위 사이에서 타이포그래피 길이을(를) 변환합니다. 양방향 변환을 한 페이지에서 할 수 있고, 아래에서 환산 계수, 계산 예시와 각 단위의 뜻을 설명합니다.

사용 방법

1. 선택 상자에서 변환 전과 변환 후 항목을 고릅니다(예: 픽셀와 rem).
2. 두 칸 중 어느 쪽에 값을 입력해도 다른 칸이 자동으로 바뀝니다.
3. 바꾸기 버튼으로 두 항목을 맞바꾸거나, 예시 넣기로 바로 쓸 수 있는 값을 넣을 수 있습니다.

계산식

rem (rem) = 픽셀 (px) × 0.0625

계수는 아래 환산 계수 표의 트윕 값으로 구한 15 ÷ 240입니다. 다른 조합도 모두 같은 방식으로 계산합니다.

예시

프런트엔드 개발자는 픽셀로 측정된 디자인 시안을 받아, 페이지의 루트 글꼴 크기를 따르도록 크기를 rem으로 다시 작성하는 경우가 많습니다.

24 px × 0.0625 = 1.5 rem

타이포그래피 길이 환산 계수

각 단위를 트윕(트윕)로 나타낸 값입니다. 두 단위를 서로 바꿀 때는 가지고 있는 단위의 계수를 곱하고, 바꾸려는 단위의 계수로 나누면 됩니다.

이 페이지의 단위

픽셀 (px): CSS 픽셀(px)에는 96 px = 1 CSS 인치 = 72 pt라는 고정된 비율이 있습니다. 실제 화면에서의 물리적 크기와 기기 픽셀 수는 디스플레이와 확대·축소 설정에 따라 달라지며, 이 변환은 DPI가 정해지지 않은 이미지의 인쇄 크기를 결정하지 않습니다.

포인트 (pt): 여기서 쓰는 포인트(pt)는 CSS와 데스크톱 퍼블리싱의 포인트로, 1/72인치입니다. 역사적인 인쇄용 포인트나 종이 두께에 쓰는 0.001인치 포인트와는 다릅니다.

파이카 (pc): CSS 파이카(pc)는 12포인트, 즉 1/6인치입니다. 따라서 6파이카의 조판 폭은 72 pt, 즉 96 CSS px입니다.

em (em): em은 보통 해당 요소의 글꼴 크기를 따르며, font-size 선언 안에서는 상속받은 글꼴 크기를 가리킵니다. 이 변환기는 적용되는 글꼴 크기를 16 CSS px로 가정하여 1 em = 12 pt로 계산하며, 웹사이트의 실제 글꼴 크기를 읽지는 않습니다.

rem (rem): rem은 루트 요소의 글꼴 크기를 따릅니다. 이 변환기는 그 크기를 16 CSS px로 고정하여 1 rem = 16 px로 계산합니다. 루트 크기는 페이지나 사용자 설정에 따라 다를 수 있으므로, 16 px은 CSS의 정의가 아니라 가정입니다.

인치 (in): 1인치는 정확히 25.4밀리미터입니다. CSS는 1 in = 96 px = 72 pt = 6 pc를 유지하지만, 기준 픽셀이 단위의 기준이 될 수 있어 화면에서 CSS 인치가 실제 자의 인치와 일치하지 않을 수 있습니다.

센티미터 (cm): 센티미터는 1미터의 100분의 1입니다. CSS 안에서는 2.54 cm = 96 px = 72 pt이며, 실제 출력물의 물리적 크기는 렌더링 배율에도 좌우됩니다.

밀리미터 (mm): 밀리미터는 1미터의 1000분의 1입니다. CSS 안에서는 25.4 mm = 96 px = 72 pt이므로, 인쇄나 화면의 배율을 바꾸면 이 단위 비율은 유지한 채 물리적 크기가 달라질 수 있습니다.

쿼터 밀리미터 (Q) (Q): 쿼터 밀리미터(Q)는 0.25 mm에 해당하는 CSS 절대 단위입니다. 4 Q가 1 mm이고, 101.6 Q가 1 CSS 인치입니다. 일본 사식(写植) 조판에서 쓰던 급수(Q数)와 같은 값입니다.

트윕: 트윕은 데스크톱 퍼블리싱 포인트의 20분의 1, 즉 1/1440인치입니다. 예를 들어 12 pt는 240트윕입니다.