em → 픽셀 변환기

픽셀로 변환할 값을 em으로, 기준 글꼴 크기를 입력하세요.

사용 방법

  1. 위 입력란에 값을 입력하세요.
  2. 계산을 누르면 결과가 즉시 표시됩니다.
  3. 공유 버튼으로 결과 링크를 복사하세요.

이 계산기 정보

em은 글꼴 크기에 연동된 상대적 CSS 길이 단위로, 1em은 항상 적용된 요소의 현재 font-size와 같습니다(font-size 자체에 쓰면 부모 요소의 font-size). 브라우저는 루트 font-size의 기본값을 16px로 하므로 기본 설정에서는 1em = 16px이고, 일반적으로 px = em × 기준 font-size입니다. 16px 기준에서 2em으로 설정한 제목은 32px로 렌더링되지만, 18px 기준에서 같은 2em은 36px로 렌더링됩니다.

em은 사용자나 부모 요소의 font-size에 따라 크기가 조정되므로, CSS 개발자가 반응형이고 접근성 높은 타이포그래피, 즉 누군가 브라우저의 텍스트 크기 설정을 키웠을 때 함께 커져야 하는 line-height, 여백, font-size에 즐겨 쓰는 단위입니다. em과 픽셀 사이의 변환은 픽셀 기반 디자인 목업(Figma, Sketch)을 확장 가능하고 접근성 높은 CSS로 옮길 때 거치는 일상적인 단계입니다.

도움이 되었나요?

최대 3개의 반응을 선택할 수 있습니다.

댓글

  • 첫 번째 댓글을 남겨 보세요.

인기 계산기

모든 계산기