일반적으로 사용되는 4가지 조판/UI 단위(pt, px, dp 및 sp)의 양방향 실시간 변환을 지원하는 무료 온라인 글꼴 크기 단위 변환 도구입니다. 현재 페이지는 고정된 참조 관계를 채택합니다: 1px = 0.75pt, 1pt ≒ 1.333px. 동시에 이 도구에서는 dp와 sp가 동일한 참조 기준에 따라 pt에 매핑되므로 디자인 초안, 웹/CSS 설명 및 Android UI 주석 간의 빠른 정적 비교가 용이해집니다. 이 페이지에서는 브라우저 스케일링, 기기 픽셀 밀도, Android 글꼴 스케일링 또는 실제 인쇄 크기를 읽지 않으므로 실제 기기 렌더링 테스트를 대체하기보다는 사양 비교 및 문서 통합에 더 적합합니다. 모든 계산은 브라우저에서 로컬로 수행되며 데이터는 서버에 업로드되지 않습니다.
pt(포인트)는 고전적인 조판 환경에서 일반적인 글꼴 크기 단위입니다. 많은 문서 편집기, 프리젠테이션 소프트웨어, 브랜드 매뉴얼 및 글꼴 사양에서는 텍스트 크기를 표현하기 위해 pt를 사용하는 것을 좋아합니다. px(픽셀)는 웹페이지, 디자인 초안 및 CSS 주석에 더 일반적으로 사용됩니다. 화면과 인터페이스의 맥락에서 참조 크기를 강조합니다.
CSS의 px가 항상 기기의 실제 픽셀과 동일하지는 않으며 "참조 픽셀"에 더 가깝다는 점에 유의하는 것이 중요합니다. 따라서 디자인 도면의 16px, 웹페이지 스타일의 16px, 모바일 화면에 표시되는 최종 시각적 크기는 여전히 스케일링, 밀도 및 플랫폼 구현에 의해 영향을 받습니다.
dp 및 sp는 Android 인터페이스 컨텍스트에서 더 일반적입니다. 일반적으로 dp는 인터페이스 레이아웃 크기에 더 편향된 반면, sp는 글꼴 크기에 더 편향되어 시스템 글꼴 크기 조정을 고려합니다. 그러나 이 페이지는 런타임 시뮬레이터가 아닙니다. 특정 휴대폰의 밀도나 글꼴 크기를 읽을 수 없습니다. 정적 비교를 위해 이러한 단위를 통합 참조 눈금자에 배치합니다.
이 페이지는 현재 고정 참조 관계(1px = 0.75pt, 1pt ≒ 1.333px)를 사용하고 dp와 sp를 동일한 참조 데이텀에 매핑하여 설계 초안, 사양 문서 및 크로스엔드 통신의 신속한 통합을 촉진합니다. "기기의 최종 표시 크기는 얼마나 커야 하는가"가 아니라 "문서를 어떻게 비교하고 작성해야 하는가"의 문제를 해결합니다.
작업 목표가 실제 인쇄 크기, 종이 밀리미터 정확도, 브라우저 rem/em 시스템 또는 Android 실제 기계 글꼴 크기 조정 검증인 경우 대신 해당 길이 도구, 디자인 소프트웨어 또는 실제 장치 테스트를 사용해야 합니다. 이 페이지는 사양 초안 작성, 초기 검토 및 납품 문서화에 더 적합합니다.
"글꼴 크기는 얼마나 됩니까?"라고 쓰는 것도 중요하며, 다양한 단위는 다양한 시나리오에 적합합니다. 먼저 디자인 초안을 작성하고 있는지, 웹 스타일을 작성하고 있는지, Android 사양을 작성하고 있는지 파악하세요.
| 단위 | 가장 일반적인 시나리오 | 장점 | 참고 | 이 페이지는 |
|---|---|---|---|---|
| pt | Word, PPT, PDF, 브랜드 사양, 글꼴 문서 | 가장 일반적인 조판 및 문서 컨텍스트, 글꼴 지침에 맞춰 쉽게 정렬 | 화면 컨텍스트로 전환할 때 px 비교 열을 추가하는 것이 가장 좋습니다. | 지원됨 |
| px | 웹 페이지, 디자인 초안, CSS 주석, 인터페이스 초안 | 디자인과 프런트 엔드 간의 커뮤니케이션은 가장 직접적이고 일반적입니다. 구현 | 절대적인 물리적 픽셀이 아닌 브라우저 및 장치는 최종 디스플레이에 영향을 미칩니다. | 지원 |
| dp | Android 레이아웃 및 인터페이스 주석 | 교차 밀도 장치 설명 논리 크기에 적합 | 이 페이지는 실제 장치 밀도를 시뮬레이션하지 않으며 정적 참조 변환만 시뮬레이션합니다. | 지원 |
| sp | Android 텍스트 크기 주석 | 텍스트 컨텍스트에 적합하고 모바일 팀과 쉽게 소통할 수 있습니다. | 실제 디스플레이도 시스템 글꼴 크기 조정의 영향을 받습니다. | 지원 |
| em / rem / mm / in | 웹 상대 단위 또는 실제 인쇄 크기 | 특정 디자인 및 구현에 적합 시스템 | 현재 페이지의 지원 범위에 속하지 않으며, 다른 도구나 벤치마크를 사용해야 합니다 | 지원되지 않음 |
디자인, 프런트엔드, 모바일 단말기에서 변환 벤치마크를 먼저 명확하게 설명하지 않으면 동일한 16이 시각적 크기가 다른 것으로 이해하기 쉽습니다. 먼저 구경을 통일한 후 이 페이지를 사용하여 이중 단위 라벨링을 보완하는 것이 더 안정적입니다.
이 페이지는 디자인 초안, 문서 및 사양의 정적 비교에 적합하지만 브라우저 크기 조정, 장치 밀도 및 시스템 글꼴 설정으로 인해 실제 디스플레이가 약간 다를 수 있습니다. 온라인으로 전환하기 전에 대상 환경에서 시각적 확인을 계속 수행해야 합니다.
실제 용지 크기, 인쇄된 제품의 밀리미터 정확도 또는 내보낸 PDF의 실제 크기를 확인하는 것이 목표라면 pt/px/dp/sp의 정적 변환 결과만 보지 마십시오.
sp 실제 기기의 성능은 시스템 글꼴 크기 조정의 영향을 받습니다. 이 페이지에서는 정적 참조 값만 제공할 수 있습니다. 접근성 및 다중 장치 적응에 관해서는 실제 장치에서 테스트해야 합니다.
이 페이지에서는 rem/em을 직접 변경하지는 않지만 프로젝트 루트 글꼴 크기에 따라 rem/em을 px로 복원한 다음 pt 또는 디자인 주석과 비교할 수 있습니다. 중요한 것은 먼저 맥락을 명확하게 파악하는 것입니다.
예를 들어 16px / 12pt 또는 14 sp / 14pt로 작성하면 수신자가 원래 의도를 빠르게 이해하고 후속 추적이 용이해집니다.
이 페이지는 현재 pt, px, dp, sp의 4개 단위를 지원합니다. 디자인 초안, CSS 글꼴 크기, Android UI 주석 및 구성 요소 문서의 정적 수치 비교에 적합합니다. 현재 페이지에서는 em, rem, mm, cm, in 또는 pc와 같은 다른 조판/길이 단위를 지원하지 않습니다.
현재 이 페이지에서 채택하고 있는 고정된 참조 관계에 따르면 1pt ≒ 1.333px, 1px = 0.75pt입니다. 따라서 16px = 12pt, 12pt = 16px, 18px = 13.5pt입니다. 이 구경은 웹 디자인 초안과 프레젠테이션 문서 간의 빠른 교차 확인에 매우 적합합니다.
pt(포인트)는 조판 및 문서 컨텍스트에 더 중점을 두고 있으며 역사적으로 인쇄 및 글꼴 크기와 함께 나타나는 경우가 많습니다. px(픽셀)는 화면 및 CSS 컨텍스트에 더 중점을 두고 웹페이지 및 디자인 초안 주석에 일반적으로 사용됩니다. 둘 다 글꼴 크기를 설명하는 데 사용될 수 있지만 사용 환경이 다르기 때문에 많은 팀에서는 디자인을 전달할 때 px와 pt 간의 변환 비교를 수행해야 합니다.
dp는 Android에서 밀도와 관련이 있지만 글꼴 크기 조정을 따르지 않는 인터페이스 크기 표현에 주로 사용되며, sp는 일반적으로 글꼴 크기 조정을 따르는 텍스트 크기 표현에 사용됩니다. 정적 사양 비교를 위해 이 페이지에서는 실제 장치 밀도나 시스템 글꼴 크기 조정을 읽지 않지만 선형 변환을 위해 통합 참조 기반으로 배치합니다.
실제 디스플레이 효과는 브라우저 크기 조정, 장치 픽셀 밀도, 루트 글꼴 크기, 시스템 글꼴 크기 조정, 플랫폼 렌더링 전략 및 디자인 소프트웨어 내보내기 규칙의 영향을 받기 때문입니다. 이 페이지의 목표는 실제 장치의 렌더링 결과를 시뮬레이션하는 것이 아니라 정적 구경을 통합하는 것입니다. 따라서 최종적으로 실행하기 전에 대상 브라우저나 대상 장치에서 실제 육안 검사를 수행해야 합니다.
현재 페이지에서는 특정 장치의 실시간 렌더링 환경을 읽는 대신 문서, 디자인 초안 및 사양의 다양한 단위를 빠르게 비교할 수 있는 통합 참조 눈금자 아래의 정적 변환 구경을 사용하기 때문입니다. 이는 Android 런타임의 실제 픽셀 계산기가 아니라 "전달된 변환 참조 값"으로 생각할 수 있습니다.
현재는 불가능합니다. 이 페이지에서 실제로 지원되는 범위는 pt, px, dp 및 sp의 4개 단위뿐입니다. rem, em 등의 상대 단위나 mm, cm, in 등의 물리적 길이 단위가 필요한 경우 해당 설계 기준이나 기타 길이 도구를 사용하여 별도로 처리해야 합니다.
실제 인쇄 크기 계산을 직접 대체하는 데 적합하지 않습니다. 이 페이지는 현재 mm, cm, in와 같은 물리적 길이 단위를 제공하지 않으며 프린터 DPI, 출력 미디어 및 문서 레이아웃 규칙도 처리하지 않기 때문입니다. 실제 용지 크기를 확인하려면 대신 최종 확인을 위해 길이 단위와 실제 조판 소프트웨어를 사용해야 합니다.
예. 10.5pt, 13.5px, 14sp와 같은 정수가 아닌 값은 디자인 시스템 및 인터페이스 미세 조정 시나리오에서 일반적으로 사용됩니다. 이 페이지에서 직접 변환할 수 있습니다. 이를 통해 구성요소 사양 전달, 주석 문서 정리, 다단계 비교 수행 시 더욱 편리해집니다.
더 안전한 접근 방식은 원래 설계 단위를 유지한 다음 이 페이지를 사용하여 변환된 참조 값 열을 채우는 것입니다. 예를 들어 디자인 초안을 16px로 작성했다면 프론트엔드나 문서팀에서는 16px/12pt로 작성할 수도 있습니다. 팀이 먼저 동일한 전환 기준에 동의하는 한 커뮤니케이션 비용은 훨씬 낮아질 것입니다.
예. After the page is loaded, all font size conversions are performed locally in the browser, with no network requests, no server logs, and no form submissions. Your design specifications, component annotations and delivery document parameters will not be uploaded to the server, and the input will be cleared after closing the page.
이러한 비교 값은 디자인 초안, CSS 및 문서 전달에 가장 일반적으로 사용됩니다.
| 태평양 표준시 | px | dp(이 페이지의 구경) | sp(이 페이지의 구경) | 일반적인 시나리오 |
|---|---|---|---|---|
| 9포인트 | 12px | 9dp | 9sp | 최소한의 보조 정보, 테이블 보조 설명 |
| 10.5포인트 | 14px | 10.5dp | 10.5sp | 작은 텍스트, 설명 텍스트 |
| 12포인트 | 16px | 12dp | 12sp | 공통 본문 또는 양식 텍스트 |
| 13.5pt | 18px | 13.5dp | 13.5sp | 텍스트 및 카드 제목 강조 |
| 18포인트 | 24픽셀 | 18dp | 18sp | 큰 제목 또는 페이지 주요 정보 |
| 24포인트 | 32픽셀 | 24dp | 24sp | 표지 제목, 영웅 제목 |
동일한 글꼴 크기 값이 다른 단위로 작성되어 다른 협업 개체를 제공합니다.
| 시나리오 | 더 적합한 단위 | 이유 |
|---|---|---|
| PPT, Word, 브랜드 매뉴얼, PDF 사양 | pt | 문서 및 조판 맥락에서 가장 자연스럽고 글꼴 사양과 가장 맞추기 쉽습니다 |
| 웹페이지 스타일, 디자인 초안, Figma/CSS 전달 | px | 설계와 프런트엔드 구현 간의 최저 통신 비용 |
| Android 레이아웃 크기 설명 | dp | Android 논리적 크기 컨텍스트에 더 가깝다 |
| Android 텍스트 크기 설명 | sp | 모바일 컨텍스트에 더 가깝다 글꼴 주석이지만 궁극적으로 실제 기계 크기 조정에 따라 달라집니다. |
| 팀 간 문서 전달 | 원래 단위를 유지하고 변환 값 열 추가 | 디자인, 프런트엔드 및 모바일 단말기의 읽기 습관을 고려할 수 있습니다. |
이 페이지의 모든 글꼴 크기 변환은 브라우저에서 완료됩니다. 입력한 디자인 주석, 글꼴 사양, 구성 요소 문서 및 전달 매개변수는 장치 밖으로 나가지 않습니다. 네트워크 요청도, 서버 로그도 없으며, 페이지를 닫으면 항목이 지워집니다. 내부 설계 시스템 및 미공개 사양의 경우 이 페이지에서는 어떠한 콘텐츠도 캡처하거나 저장하지 않습니다.
