UI 단위 변환기
PX, REM, EM, DP, SP, PT, VW/VH 단위 변환기. 웹(Web), 안드로이드(Android), iOS 개발을 위한 픽셀 변환 및 반응형 디자인 해상도(DPI) 계산 도구입니다.
UI 단위 변환기 사용 가이드
UI 단위 변환기는 하나의 값을 웹(px, rem, em, vw, vh)·안드로이드(dp, sp)·iOS(pt) 단위로 한 번에 변환해 주는 무료 브라우저 도구입니다. 모든 계산이 브라우저 안에서만 이뤄지므로 입력한 값이 기기 밖으로 전송되지 않습니다.
디자인 시안의 수치를 각 플랫폼에 맞는 단위로 옮겨야 하는 프런트엔드·모바일 개발자와 디자이너를 위한 도구입니다. 아무 칸에나 값을 입력하면 px를 공통 기준(물리 픽셀)으로 삼아 나머지 단위가 동시에 갱신됩니다.
변환에 쓰이는 기준값도 직접 조정할 수 있습니다. 웹은 루트·부모 글꼴 크기와 뷰포트 가로/세로, 안드로이드는 화면 밀도(ldpi~xxxhdpi)와 폰트 스케일, iOS는 배율(@1x, @2x, @3x)을 설정할 수 있으며, 값을 바꾸면 모든 단위가 즉시 다시 계산됩니다.
모든 계산은 간단한 비율 공식으로 기기 내에서 처리되어 로그인·업로드·서버 전송이 없습니다. 결과는 일반적인 기준(예: 1rem = 16px, mdpi에서 1dp = 1px, @1x에서 1pt = 1px)을 따르며, 기기별 정밀 측정값이 아니라 실무용 참고치로 활용하기 좋습니다.
자주 묻는 질문
- px를 rem, dp, pt로 어떻게 변환하나요?
- px 칸에 값을 입력하면 rem, em, vw, vh, dp, sp, pt 값이 자동으로 채워집니다. 반대로 다른 단위 칸에 입력해도 px를 포함한 모든 단위로 다시 변환됩니다.
- 안드로이드의 dp와 sp는 무엇이 다른가요?
- dp는 화면 밀도와 무관한 레이아웃 단위(px = dp x 밀도)이고, sp는 사용자의 글꼴 배율까지 반영하는 텍스트 단위(px = sp x 밀도 x 폰트 스케일)입니다. 이 도구에서 밀도와 폰트 스케일을 모두 지정할 수 있습니다.
- 입력한 값이 어딘가로 전송되나요?
- 아니요. 이 도구는 브라우저 안에서만 동작하며 모든 계산을 기기 내에서 처리하므로, 입력한 값이 서버로 업로드되거나 저장되지 않습니다.