화면비 대 해상도: 16:9, 21:9, 4:3, 레터박스, 게임 FOV 완전 해설

화면비와 해상도: 두 가지 독립적인 수치

화면비는 화면의 가로와 세로 사이의 비례 관계를 나타냅니다 — 그 이상도 이하도 아닙니다. 16:9 비율은 세로 9단위당 가로가 16단위, 즉 1.778:1임을 의미합니다. 해상도는 해당 프레임을 채우는 개별 픽셀 수를 나타냅니다: 가로 1920개, 세로 1080개 또는 가로 3840개, 세로 2160개. 이 두 가지 속성은 서로 완전히 독립적입니다. 동일한 해상도를 가진 두 모니터가 서로 다른 화면비를 가질 수 있습니다 — 1920x1080 화면은 16:9이고, 1280x1024 화면은 5:4입니다. 반대로, 같은 화면비를 공유하는 두 모니터가 매우 다른 해상도를 가질 수 있습니다: 1920x1080과 3840x2160 모두 16:9로 약분됩니다.

두 가지를 혼동하면 구매 시 실제 혼란이 발생합니다. '4K 모니터를 원한다'는 해상도를 지정합니다. '울트라와이드 모니터를 원한다'는 화면비를 지정합니다. 4K 울트라와이드도 존재합니다 — 3840x1600은 12:5, 즉 2.4:1로 약분됩니다 — 하지만 '울트라와이드'와 '4K'는 독립적인 선택 축입니다. 실제로 어떤 속성이 중요한지 파악하면 잘못된 구매를 방지하고 디스플레이를 공정하게 비교할 수 있습니다.

4:3과 아날로그 텔레비전의 유산

4:3 비율 — 1.333:1 — 은 데스크탑 모니터가 텔레비전과 동일한 음극선관 기술로 제조되었고 아날로그 텔레비전이 4:3 프레임으로 표준화되었기 때문에 약 20년간 개인 컴퓨팅을 지배했습니다. 북미 방송을 관장하는 NTSC 표준과 유럽에서 사용되는 PAL 표준은 모두 4:3 영상을 정의했습니다. 초기 개인 컴퓨터 해상도 — 640x480, 800x600, 1024x768 — 는 모두 정확히 4:3입니다 (640÷480 = 800÷600 = 1024÷768 ≈ 1.333).

4:3 시대의 지속적인 영향 중 하나는 이러한 비율을 위해 설계된 콘텐츠 — 생산성 소프트웨어, 인쇄 문서, 스캔된 페이지 — 가 대략 정사각형 캔버스를 가정한다는 것입니다. 세로 공간이 가로에 비해 넉넉합니다. 주로 긴 텍스트 문서나 스프레드시트를 다루는 사용자는 같은 문서를 표시할 때 4:3이나 5:4 화면이 와이드스크린 모니터보다 위아래 공간을 덜 낭비한다고 느낄 수 있습니다.

16:9와 고화질로의 전환

4:3에서 16:9 — 1.778:1 — 로의 전환은 아날로그 텔레비전에서 고화질 디지털 방송으로의 전환과 함께 이루어졌습니다. 확립된 모든 HD 해상도는 16:9 그리드에 위치합니다: 1280x720 (HD), 1920x1080 (Full HD), 2560x1440 (Quad HD), 3840x2160 (4K UHD). 다른 와이드스크린 후보보다 16:9를 선택한 기술적 근거 중 하나는, 당시 일반적이었던 여러 영화 화면비의 기하 평균에 가깝다는 것으로, 가장 다양한 소스 자료에서 가장 적은 화면 면적을 낭비하는 단일 형식이었습니다.

실용적인 관점에서 16:9는 이제 보편적인 기본값입니다. 지난 15년간 판매된 거의 모든 소비자용 모니터, 노트북 화면, 텔레비전이 16:9를 사용합니다. 스트리밍 서비스, 비디오 게임, 웹 디자이너 모두 16:9를 기준으로 콘텐츠를 제작합니다. 이 보편성 덕분에 16:9 콘텐츠는 16:9 하드웨어에서 검은 띠나 잘림 없이 재생되며, 거의 모든 하드웨어가 16:9입니다.

울트라와이드 모니터와 21:9 명칭의 혼란

울트라와이드 모니터는 '21:9'로 마케팅되지만, 가장 일반적인 두 가지 울트라와이드 해상도 중 어느 것도 실제로 그 비율로 약분되지 않습니다. 2560x1080 패널은 64:27 비율(약 2.370:1)을 가지고, 3440x1440 패널은 43:18 비율(약 2.389:1)을 가집니다. '21:9'라는 레이블은 마케팅상의 근사치입니다. 가장 가까운 영화 표준은 2.39:1 — 극장 영화에 사용되는 아나모픽 스코프 포맷입니다. 2.39:1 영화를 울트라와이드 모니터에서 재생하면 레터박스 바 없이 화면이 완전히 채워지며, 이것이 홈 씨어터 용도로 울트라와이드를 선택하는 가장 강력한 논거입니다.

생산성 측면에서 추가적인 가로 공간 덕분에 개발자는 두 번째 모니터 없이 코드 에디터와 브라우저를 나란히 열 수 있습니다. 단점은 소프트웨어 호환성입니다: 일부 애플리케이션과 게임은 16:9 이외의 해상도에서 올바르게 스케일링되지 않아 예상치 못한 기하학적 왜곡이나 화면 밖으로 넘어가는 UI 요소로 렌더링될 수 있습니다. 울트라와이드 모니터를 구매하기 전에 애플리케이션 호환성을 확인하는 것이 좋습니다.

레터박스, 필러박스, 디스플레이가 프레임을 채우는 방법

콘텐츠의 화면비가 화면보다 넓을 때 위아래에 수평 검은 띠가 나타납니다 — 이것이 레터박스입니다. 16:9 텔레비전에서 2.39:1 영화를 재생하면 영화가 화면보다 넓기 때문에 레터박스가 적용됩니다. 반대 경우 — 콘텐츠가 화면보다 좁은 경우 — 필러박스가 생깁니다: 왼쪽과 오른쪽에 수직 검은 띠가 표시됩니다. 16:9 텔레비전에서 4:3 방송을 재생하면 특유의 사이드 바가 표시됩니다. 소스가 한 화면 크기에 맞게 레터박스 처리된 후 다른 크기로 재스케일링되면 사방에 검은 띠가 나타납니다; 이를 윈도우박스라고 부르기도 합니다.

운영 체제와 미디어 플레이어는 스케일링 모드를 통해 이러한 경우를 처리합니다. '늘리기'는 화면을 완전히 채우지만 비율을 왜곡합니다. '맞추기' 또는 '포함'은 원래 화면비를 유지하고 검은 띠를 추가합니다. '채우기' 또는 '덮기'는 화면비를 유지하지만 가장자리를 잘라냅니다. 웹 개발자는 CSS object-fit 속성에서 동일한 옵션을 접합니다: contain은 검은 띠가 생길 수 있지만 전체 이미지를 표시하고; cover는 요소 박스를 채우고 잘라냅니다; fill은 늘려서 거의 항상 눈에 띄는 왜곡을 만듭니다. 올바른 모드를 선택하는 것은 미적 취향이 아닙니다 — 어떤 정보를 보존하고 무엇을 버릴지에 대한 결정입니다.

게임에서의 시야각: 화면비가 보이는 것을 바꾸는 이유

3D 게임에서 시야각(FOV)은 화면에 투영되는 가상 세계의 각도를 지정합니다. 수평 및 수직 FOV는 탄젠트 함수를 통해 화면의 화면비와 관련됩니다: 수평 FOV = 2 × arctan(tan(수직 FOV / 2) × (너비 / 높이)). 16:9 디스플레이에서 수직 FOV가 74도일 때 이 공식은 수평 FOV 약 106도를 도출합니다. 3440x1440 울트라와이드(2.389:1 비율)에서 동일한 수직 FOV는 수평으로 약 122도가 됩니다 — 장면을 가로 방향으로 약 15% 더 볼 수 있습니다.

대부분의 최신 게임 엔진은 'Hor+' (수평 플러스) 스케일링을 구현합니다: 수직 FOV는 고정되고 수평 FOV는 화면이 넓어질수록 확장됩니다. 울트라와이드 화면의 플레이어는 게임 세계를 더 많이 볼 수 있으며 이는 일반적으로 공정하다고 여겨집니다. 대안인 'Vert-' (수직 마이너스) 스케일링은 수평 FOV를 일정하게 유지하고 더 넓은 화면에서 수직 각도를 줄여 울트라와이드 사용자에게 불리합니다. 게임용 새 모니터를 평가할 때 주요 타이틀이 Hor+ 스케일링을 구현하는지 확인하세요; TeaFun 화면비 도구로 목표 너비와 높이에 대한 결과 픽셀 치수를 계산할 수 있습니다.