이 도구에 대해
화면 해상도 / DPI 확인란?
현재 사용 중인 화면의 해상도, DPI, 뷰포트 크기, 장치 픽셀 비율 등 화면 관련 정보를 확인하는 도구입니다. 반응형 웹 디자인, 디스플레이 설정 확인, 브라우저 환경 파악에 유용합니다.
사용 방법
- 페이지에 접속하면 화면 정보가 자동으로 표시됩니다.
- 화면 해상도, 뷰포트 크기, DPI 등을 확인합니다.
- 터치 지원 여부, 색 깊이 등 추가 정보도 확인할 수 있습니다.
주요 기능
- 화면 해상도 및 뷰포트 크기
- 장치 픽셀 비율(DPR) 및 추정 DPI
- 색 깊이, 화면 방향 정보
- 브라우저 언어, 플랫폼 등 환경 정보
팁
- 장치 픽셀 비율(DPR)이 2이면 레티나 디스플레이입니다.
- FHD(1920x1080), QHD(2560x1440), 4K(3840x2160)가 일반적인 해상도입니다.
- 반응형 디자인 테스트 시 브라우저 창 크기를 변경하면 뷰포트가 실시간으로 업데이트됩니다.
자주 묻는 질문
화면 해상도와 뷰포트 크기의 차이는 무엇인가요?▼
화면 해상도는 디스플레이의 물리적 픽셀 총 수(예: 1920x1080)입니다. 뷰포트 크기는 브라우저 창에서 웹 콘텐츠에 사용할 수 있는 영역으로, 툴바, 스크롤바, OS 작업 표시줄을 제외합니다. 반응형 웹 디자인에서 중요한 것은 뷰포트입니다.
장치 픽셀 비율(DPR)이란 무엇인가요?▼
DPR은 물리적 픽셀과 CSS 픽셀의 비율입니다. DPR이 2이면 각 CSS 픽셀이 2x2 물리적 픽셀로 렌더링되어 텍스트와 이미지가 더 선명합니다. 레티나/HiDPI 디스플레이에서 흔합니다. 웹 개발자는 DPR을 활용해 고해상도 화면에 적절한 크기의 이미지를 제공합니다.
화면 해상도가 스펙과 다르게 보이는 이유는 무엇인가요?▼
운영체제의 디스플레이 배율 설정 때문입니다. 예를 들어, 4K(3840x2160) 디스플레이를 200% 배율로 설정하면 유효 해상도가 1920x1080 CSS 픽셀로 표시되지만 DPR은 2입니다. 전체 상황을 파악하려면 해상도와 DPR 값을 함께 확인하세요.