사용 방법
- 글꼴 크기와 원래 단위를 입력하세요.
- 기본 글꼴 크기를 설정해 em·rem과 퍼센트 기준을 정하세요.
- 변환 결과와 미리보기, 일반적인 크기 표를 확인하세요.
옵션 설명
- CSS 픽셀
- 화면에서 사용하는 CSS 기준 크기예요. 브라우저 기본 글꼴 크기는 16px이에요.
- 포인트와 밀리미터
- 인쇄용 크기예요. 12pt는 약 4.23mm로 표시돼요.
- 중국어 호수
- 중국어 조판에서 사용하는 号 크기 표와 대응하는 크기를 보여 줘요.
자주 쓰는 크기
| pt | px | em (기준 16 px) |
|---|---|---|
| 9 | 12 | 0.75 |
| 10.5 | 14 | 0.875 |
| 12 | 16 | 1 |
| 14 | 18.67 | 1.1667 |
| 18 | 24 | 1.5 |
| 24 | 32 | 2 |
웹에서 쓰는 크기: 픽셀, 포인트, rem
브라우저 기본값인 16 px을 기준 크기로 했을 때예요.
| 픽셀 | 포인트 | rem / em | 대표 용도 |
|---|---|---|---|
| 12 px | 9 pt | 0.75 rem | 캡션, 각주 |
| 14 px | 10.5 pt | 0.875 rem | 작은 텍스트, 라벨 |
| 16 px | 12 pt | 1 rem | 본문 |
| 18 px | 13.5 pt | 1.125 rem | 큰 본문, 도입 문단 |
| 20 px | 15 pt | 1.25 rem | 작은 제목 |
| 24 px | 18 pt | 1.5 rem | 제목 |
| 32 px | 24 pt | 2 rem | 페이지 제목 |
어떤 단위를 쓸까
**pt(포인트)**는 인쇄물과 워드프로세서용이에요. 1 pt는 1/72인치이므로 12 pt 텍스트는 어떤 프린터에서도 실제 크기가 같아요.
**px(CSS 픽셀)**는 화면용이에요. 1 px은 기본 확대 비율에서 1/96인치로 정의되어 있어서 12 pt가 16 px과 같아요.
rem과 em은 상대 단위예요. 1 rem은 루트 글꼴 크기(보통 16 px)이고, 1 em은 부모 요소의 글꼴 크기예요. 텍스트에 rem을 쓰면 브라우저에서 기본 글꼴을 더 크게 설정한 사람은 모든 곳에서 더 큰 텍스트를 보게 돼요.
밀리미터는 인쇄된 견본에 맞출 때 유용해요. 대문자 높이를 재면 본문 크기는 서체에 따라 대략 그 값의 1.4배예요.
자주 묻는 질문
16px은 몇 pt인가요?
기본 96dpi 기준으로 약 12pt예요. 실제 인쇄 크기는 장치와 설정에 따라 달라질 수 있어요.
em과 rem의 차이는 무엇인가요?
em은 부모 요소 기준이고 rem은 문서의 기본 글꼴 크기 기준이에요. 이 도구는 입력한 기본 크기를 사용해 환산해요.
화면에서 실제 크기가 정확히 맞나요?
미리보기는 CSS 픽셀 기준이에요. 디스플레이 배율과 브라우저 확대율에 따라 실제 크기는 달라져요.
개인정보 보호
이 도구는 전적으로 브라우저에서 실행돼요. 파일과 텍스트는 기기에서 처리되며 서버로 업로드되지 않아요.