화면 크기 계산기
Free화면의 실제 해상도와 픽셀 비율을 실시간으로 확인하고, 임의의 대각선 크기와 해상도로부터 PPI, 픽셀 피치, 인치 또는 센티미터 단위의 물리적 크기를 계산합니다.
모든 작업이 브라우저에서만 실행됩니다.
현재 화면
- CSS 해상도
- -
- 기기 픽셀 비율
- -
- 네이티브 픽셀 해상도
- -
- 브라우저 뷰포트
- -
물리적 크기 및 PPI 계산
일반적인 기기
최근 활동
모든 사람에게 공개됩니다. 모든 방문자의 최근 20회 사용 내역, 최신순으로 표시됩니다.
1920 x 1080 px @ 24 in -> 91.8 PPI
16시간 전
이 도구의 기능
이 도구는 브라우저가 보고하는 현재 화면의 실제 해상도와 픽셀 비율을 보여주며, 대각선 크기와 픽셀 해상도를 픽셀 밀도(PPI), 픽셀 피치, 그리고 인치와 센티미터 단위의 물리적 너비, 높이, 면적으로 변환하는 계산기를 포함합니다.
작동 방식
"현재 화면" 패널은 window.screen.width/height, window.devicePixelRatio, window.innerWidth/innerHeight를 브라우저에서 직접 읽어 추측 없이 실제 실시간 값을 보여줍니다. 아래 계산기는 피타고라스 정리를 사용하여 픽셀 단위의 대각선 해상도를 구합니다: diagonalPx = √(너비² + 높이²). 이를 입력한 대각선 크기(인치)로 나누면 PPI = diagonalPx ÷ diagonalInches가 됩니다. 물리적 너비와 높이는 widthInches = widthPx ÷ PPI 및 heightInches = heightPx ÷ PPI에서 나오며, 2.54를 곱해 센티미터로 변환됩니다. 밀리미터 단위의 픽셀 피치는 25.4 ÷ PPI이며, 가로세로 비율은 픽셀 단위의 너비와 높이를 그들의 최대공약수로 나눈 값입니다.
해결하는 문제
- 구매하기 전에 크기와 해상도가 다른 모니터, 노트북, 휴대폰, 또는 TV의 실제 픽셀 밀도(PPI) 비교하기.
- 디스플레이의 물리적 너비와 높이를 인치나 센티미터로 계산하기, 책상 공간, 설치, 또는 케이스 계획에 유용함.
- OS 디스플레이 설정을 뒤지지 않고도 자신의 기기의 실제 브라우저 보고 해상도와 기기 픽셀 비율 확인하기.
- 왜 픽셀 수가 엄청난 휴대폰이 모니터보다 더 낮은 "CSS 해상도"를 보여줄 수 있는지 이해하기.
자주 묻는 질문
›PPI란 무엇이며 왜 중요한가요?
PPI(인치당 픽셀 수)는 화면의 픽셀이 얼마나 조밀하게 배치되어 있는지를 측정합니다. PPI가 높을수록 일반적인 시청 거리에서 텍스트와 이미지가 더 선명해지는데, 이는 개별 픽셀을 구별하기 더 어려워지기 때문입니다. 이는 프린터의 DPI와 같은 기본 개념을 디스플레이에 적용한 것입니다.
›PPI는 어떻게 계산되나요?
먼저 피타고라스 정리를 사용하여 픽셀 단위의 대각선 해상도를 구합니다: √(너비² + 높이²). 이를 인치 단위의 대각선 크기로 나누면 PPI가 나옵니다. 거기서부터 각 픽셀 치수를 PPI로 나누면 물리적 너비와 높이를 구할 수 있습니다.
›왜 "네이티브 픽셀 해상도"와 "CSS 해상도"가 다른 숫자를 보여주나요?
많은 고밀도 디스플레이(대부분의 휴대폰과 최신 노트북)는 1보다 큰 기기 픽셀 비율을 사용하는데, 이는 텍스트와 UI 요소가 읽을 수 있는 크기를 유지하도록 운영체제가 패널이 실제로 가진 물리적 픽셀 수보다 낮은 "CSS" 해상도를 보고한다는 의미입니다. CSS 해상도에 기기 픽셀 비율을 곱하면 실제 네이티브 픽셀 수를 얻을 수 있습니다.
›이 도구가 제 디스플레이의 물리적 대각선 크기를 자동으로 감지할 수 있나요?
아니요. 웹페이지는 픽셀 수와 기기 픽셀 비율을 읽을 수 있지만, 화면의 물리적 크기를 인치나 센티미터로 보고하는 브라우저 API는 없으므로, 대각선 크기 필드는 항상 수동으로 입력해야 합니다. 예를 들어 제품 목록이나 사양표에서 확인해서요.
›픽셀 피치란 무엇인가요?
픽셀 피치는 두 인접한 픽셀의 중심 사이의 물리적 거리로, 보통 밀리미터로 측정됩니다. 수학적으로는 PPI를 미터법으로 변환한 역수(25.4를 PPI로 나눈 값)이며, 휴대폰이나 모니터보다 LED 벽면이나 TV 같은 대형 디스플레이에 더 흔히 사용됩니다.
댓글 (0)
이 도구가 유용했나요? 댓글을 남기거나 팁을 공유하거나 개선할 점을 알려주세요.
아직 댓글이 없습니다. 첫 번째로 의견을 남겨보세요!