[WEB] 디스플레이 해상도

📘 이 글을 읽기 전에 먼저 최신 개념 정리 편을 확인하는 것을 권합니다

이 글은 작성 당시의 관점과 경험을 바탕으로 정리된 내용이며, 지금 읽어도 참고가 될 부분이 있습니다.
다만 최신 글을 먼저 읽으면 기본 개념이 잡혀, 이 글에서 다루는 세부 내용과 사례들을 훨씬 수월하게 이해하실 수 있습니다.

👉 먼저 보면 좋은 최신 글: [디스플레이 해상도·뷰포트·Figma 1440 총정리]

 

 

해상도: HD, FHD, QHD

총 픽셀 수가 곧 화소 수이며, 화소 수가 높을수록 선명하다.

 

고해상도란?

: 동일면적에 얼마나 많은 픽셀이 포함되느냐 (PPI)

 

해상도가 높아지면 글자나 이미지 크기가 작아지는 현상이 발생한다.

Why?

: 동일한 디스플레이 크기에서 픽셀이 많아진다는 것은, 픽셀 하나의 크기가 작아진다는 뜻.

더 작은 크기의 그림을 그릴 수 있어진다는 장점이 있다.

 

글자나 이미지 크기가 작아지는 현상을 다시 늘리는 것을 배율로 해결한다.

But, 완벽하지 않은 해결 방식임. Window에서는 번지는 현상 발생함.

https://codevang.tistory.com/173 (디테일한 설정)

윈도우 해상도와 배율 조정 (글자/화면 크기 키우기)