온라인 도구
화면 크기 확인
모니터 해상도 · 화면 크기
현재 사용 중인 기기의 화면 해상도, 뷰포트 크기, 픽셀 밀도 등을 확인할 수 있는 도구입니다. 반응형 웹 디자인 개발이나 디스플레이 정보 확인 시 유용합니다.
화면크기해상도모니터
내 모니터 해상도가 정확히 얼마인지 알고 싶을 때
반응형 웹사이트를 개발하거나, 모니터를 새로 구매한 후 실제 해상도를 확인하거나, 화면 캡처 시 정확한 크기를 알아야 할 때 화면 정보가 필요합니다. 특히 레티나 디스플레이처럼 물리적 픽셀과 CSS 픽셀이 다른 경우, DPR(Device Pixel Ratio) 값을 아는 것이 중요합니다.
화면 크기 확인(koreaeu.kr)은 접속하는 순간 브라우저 창 크기, 화면 해상도, 뷰포트, DPR, 색상 깊이 등을 실시간으로 측정해주는 무료 도구입니다. 브라우저 창 크기를 변경하면 값이 자동으로 업데이트됩니다.
주요 기능
| 측정 항목 | 설명 |
|---|---|
| 브라우저 창 크기 | 현재 열려있는 창의 너비x높이 (px) |
| 화면 해상도 | 모니터 전체의 실제 픽셀 수 |
| 뷰포트 크기 | 콘텐츠가 표시되는 영역의 크기 |
| DPR | 물리적 픽셀과 CSS 픽셀의 비율 (레티나: 2x, 3x) |
| 색상 깊이 | 디스플레이가 표현할 수 있는 색상 수 (비트 단위) |
| 화면 방향 | 가로(Landscape) 또는 세로(Portrait) 자동 판별 |
| 터치스크린 | 터치 입력 지원 여부 감지 |
| 기기 비교표 | iPhone, iPad, MacBook 등 주요 기기 해상도와 비교 |
사용 방법
- koreaeu.kr에 접속합니다
- 페이지가 열리면 모든 화면 정보가 자동으로 측정됩니다
- 브라우저 창 크기를 조절하면 값이 실시간으로 업데이트됩니다
- 하단 기기 비교표에서 현재 해상도와 일치하는 기기를 확인할 수 있습니다
주요 기기 해상도 참고
| 기기 | 해상도 | DPR |
|---|---|---|
| iPhone 15 Pro | 393 x 852 | 3x |
| iPad Air | 820 x 1180 | 2x |
| MacBook Pro 14" | 1512 x 982 | 2x |
| Full HD 모니터 | 1920 x 1080 | 1x |
| 4K 모니터 | 3840 x 2160 | 1x~2x |
참고: DPR(Device Pixel Ratio)이 2x인 레티나 디스플레이는 CSS 1px을 물리적 2x2 픽셀로 표시합니다. 이미지를 선명하게 보여주려면 표시 크기의 2배 해상도 이미지를 사용해야 합니다.
자주 묻는 질문
브라우저 창 크기와 화면 해상도의 차이는 무엇인가요?
화면 해상도는 모니터 전체의 픽셀 수이고, 브라우저 창 크기는 현재 열려있는 브라우저 창의 크기입니다. 브라우저를 전체 화면으로 하면 비슷하지만, 브라우저 UI(주소창, 탭바)만큼 차이가 납니다.
DPR은 왜 중요한가요?
반응형 웹 개발 시 DPR에 따라 이미지 해상도를 다르게 제공해야 합니다. DPR 2x 기기에 1x 이미지를 보여주면 흐릿하게 보입니다.
모바일에서도 확인할 수 있나요?
네. 반응형 디자인으로 모든 기기에서 사용 가능하며, 터치스크린 지원 여부도 함께 표시됩니다.
사이트 정보
| 항목 | 내용 |
|---|---|
| 서비스명 | 화면 크기 확인 |
| 사이트 | koreaeu.kr |
| 가격 | 무료 |
| 주요 기능 | 해상도, 뷰포트, DPR, 색상 깊이, 기기 비교 |
팁: 반응형 웹 개발 시 이 도구를 열어두고 브라우저 창 크기를 조절하면, 각 브레이크포인트에서 뷰포트 크기를 실시간으로 확인할 수 있습니다. CSS 미디어 쿼리 작성 시 유용합니다.
