#해상도 #주요해상도 #고려대상

1. 주요 해상도(해상도별 명칭·픽셀 크기·보편적 용도) 정리

명칭 픽셀 (가로x세로) 비율 주요 사용처/기기

SD(Standard)	640×480	4:3	오래된 PC/노트북, 90년대 TV
HD(HD Ready)	1280×720	16:9	저사양 노트북, 유튜브 기본HD, 구형 스마트폰
Full HD (FHD)	1920×1080	16:9	현대 데스크탑/노트북 모니터 표준, TV, 유튜브
2K/QHD(Quad HD)	2560×1440	16:9	고급 모니터, 게이밍, 고성능 노트북
4K(UHD)	3840×2160	16:9	고가 TV/모니터, 영상 편집, 4K 스트리밍
5K	5120×2880	16:9	일부 애플 iMac/고해상도 디스플레이
8K	7680×4320	16:9	초고해상도 TV, 특수 목적
WXGA	1366×768	~16:9	보급형 노트북, 저가형 노트북
SXGA	1280×1024	5:4	일부 업무용 모니터, 오래된 LCD
WUXGA	1920×1200	16:10	일부 고급 노트북, 디자인용 모니터
기타(모바일)	375×667 등	다양	아이폰/갤럭시 등 스마트폰, 태블릿

---

2. 1920×1080 (Full HD, FHD) 기준

• 가장 널리 쓰이는 PC/노트북/TV 해상도
• 개발·디자인·웹 퍼블리싱 등에서 “표준 레이아웃”의 기준
• 화면 전체(브라우저 최대화 시) →
  • 스크롤바/윈도우 UI 영역 제외
• 대부분 사용 가능한 컨텐츠 영역은 약 1800~1900px

---

3. 실무적 관점에서 해상도 고려사항

1. 가변 레이아웃(Responsive Layout)
   • PC는 1920×1080이 표준이지만,
   • 1366×768, 2560×1440, 4K 등 다양한 해상도 환경 존재
   • 실무에서는
     • min-width (최소폭)
     • max-width (최대폭, 예: 1920px, 1440px)
     • 미디어쿼리(Media Query, CSS @media)로 대응
2. 모바일/태블릿 호환
   • 모바일은 375px(아이폰 SE)~430px(플래그십) 등 다양
   • 태블릿은 800~1366px 이상
3. 실제 서비스 예시
   • 네이버/카카오 등 포털:최대폭 제한/중앙 정렬(layout), 그 이하 해상도는 스크롤 혹은 레이아웃 단순화
   • 대부분 PC에서 1280~1920px에 최적화,
   • 기업용 SaaS 대시보드:반응형 레이아웃 적용, flex, grid로 가변 배치
   • 대개 1440~1920px 기준으로 설계,
4. 크로스 브라우저, 크로스 디바이스
   • 실제 사용자 중 1366×768, 1920×1080, 2560×1440 순서로 점유율 높음
   • 4K(3840×2160)도 점점 증가

---

4. 실무 활용 팁

• 1920px 기준으로 설계해도, min-width와 max-width로 대응
• max-width: 1920px; margin: 0 auto;
• 주요 컨텐츠(그리드, 대시보드 등)는 1440, 1280, 1024 등 단계적 대응도 필요
• 예시 미디어쿼리
• css 복사편집 @media (max-width: 1440px) { /* 1440 이하 대응 */ } @media (max-width: 1024px) { /* 태블릿 대응 */ } @media (max-width: 768px) { /* 모바일 대응 */ }

---

5. 요약 표

명칭 픽셀 주요 비율 주요 용도

FHD	1920×1080	16:9	PC/노트북/TV 표준
QHD/2K	2560×1440	16:9	고급 모니터, 게이밍
4K(UHD)	3840×2160	16:9	고해상도 영상, 편집, TV
WXGA	1366×768	16:9	보급형 노트북
모바일	375430×700900	다양	스마트폰, 태블릿

---

6. 보편적 해상도 대응 사례

• 네이버/카카오/구글 대시보드
• → PC: 1920(최대), 1280/1440(최소), 모바일(반응형)
• 유튜브/넷플릭스
• → 동영상/레이아웃: 1920×1080 기준
• 대기업 사내 업무 시스템
• → 1920~1440 기준 + 모바일 간단 대응

---

결론

• *1920×1080 (FHD)**는 PC 기반 웹서비스의 “기본 해상도”
• 하지만 반드시 “다양한 해상도”에 적절히 대응하는 반응형 레이아웃 설계가 필요
• 실제 서비스는 min/max-width, 미디어쿼리, flex/grid 등 활용이 필수

1920×1080 해상도 = FHD (Full HD) 입니다.

• HD : 1280×720
• FHD (Full HD) : 1920×1080
• QHD (Quad HD / 2K) : 2560×1440
• UHD (Ultra HD / 4K) : 3840×2160
• 8K UHD : 7680×4320

즉, 1920×1080은 표준 16:9 비율의 가장 대중적인 해상도예요.

📌 해상도 수치가 나오는 방식

• 1920 → 가로 방향에 있는 픽셀 개수
• 1080 → 세로 방향에 있는 픽셀 개수

즉,

👉 화면을 가로로 잘게 쪼개면 1920칸, 세로로는 1080칸 있는 거예요.

총 픽셀 수 = 1920 × 1080 = 2,073,600픽셀 ≈ 2메가픽셀

---

📏 실제 크기(센티미터 단위)와의 관계

픽셀 수치는 화면의 "비율"이고, **실제 물리적 크기는 모니터의 인치(대각선 길이)와 픽셀 밀도(DPI/PPI)**에 따라 달라져요.

예를 들어 같은 1920×1080 해상도라도:

• 24인치 모니터 → 픽셀 크기가 상대적으로 큼
• 15.6인치 노트북 → 픽셀 크기가 더 작음
• 5.5인치 스마트폰 → 픽셀 밀도가 매우 높아 더 선명함