화면비 계산기 (크기 조정 시 비율 유지)

목표 비율과 한 차원 설정; 다른 것 자동 채우기. 역방향도 같은 방식 작동. 비디오, 사진 자르기, 반응형 웹 레이아웃에 유용.

비율 W비율 H너비높이

작동 방식

화면비는 높이 대비 너비 묘사: 16:9는 9 단위 높이마다 16 단위 너비. 같은 비율이 어떤 크기에서도 작동 — 1920×1080과 800×450 모두 16:9. 크기 조정 시 화면비 유지는 늘어나거나 찌그러진 이미지 방지하고 반응형 디자인 기초.

비율에 정수(16:9) 또는 소수(1.78:1) 수용, 너비/높이에 어떤 크기. 어떤 필드 편집해도 — 비율 유지 위해 다른 것 업데이트. CSS calc() 식 또는 비디오 편집 도구용 십진수 비율(너비 / 높이) 표시.

16:9 — 현대 HDTV, 컴퓨터 모니터, YouTube, 2009년 이후 대부분 영화. 오늘 하는 거의 모든 것의 기본.

9:16 — Instagram Stories, TikTok, YouTube Shorts용 세로 비디오. 폰 우선 콘텐츠용 16:9의 반대편.

1:1 — 정사각형. 2021년까지 Instagram 피드 기본. 앨범 커버, 프로필 사진.

4:3 — HD 이전 옛 TV와 컴퓨터 모니터. 일부 클래식 스타일 콘텐츠에 여전히 사용.

3:2 — DSLR 카메라 기본. 35mm 필름. 더 큰 인쇄.

21:9 — 울트라와이드 시네마틱. 아나모픽 촬영 영화. 일부 PC 모니터와 LG TV.

현대 CSS에 aspect-ratio: 16/9; — 비율 설정하고 브라우저가 너비에서 높이 계산(또는 반대). 옛 padding-bottom 해킹 회피하고 반응형 임베드와 이미지 자리표시자에 필수, 레이아웃 시프트 방지.

누적 레이아웃 시프트(CLS)는 Core Web Vital. 임베디드 비디오, 치수 없는 이미지, 광고 모두 CLS 일으킬 수 있음 — 명시적 너비/높이 설정(브라우저가 화면비 계산에 사용) 또는 CSS aspect-ratio 사용으로 수정.

›16:9와 1.78:1 차이?

같은 비율, 다른 표기. 16/9 = 1.778. 콜론 형식이 TV/웹에서 관습; 십진수 형식이 영화에서 관습.

›CSS에서 화면비 유지 방법?

aspect-ratio 속성 사용: img { aspect-ratio: 16/9; width: 100%; height: auto; }. 이미지가 컨테이너 너비 채우고 높이가 비율 유지에 조정.

›왜 본 비디오가 4:3 TV에서 잘못 보임?

대부분 현대 비디오는 16:9. 4:3 디스플레이에서 레터박스(검은 막대), 필러박스, 또는 늘리기. TV 설정이 어떤 것인지 제어.

›비정수 비율 사용?

네 — 1.5나 2.39 입력. 본 계산기는 십진수로 처리; 약분된 비율 출력은 정수 비율에만 표시.

›'픽셀 화면비'란?

별도 개념: 개별 픽셀 모양. 현대 디스플레이는 정사각형 픽셀(1:1) 사용. 일부 레거시 SD 비디오 형식은 비정사각형 픽셀 사용(예: NTSC 와이드스크린에 1.0667). 본 계산기는 디스플레이 화면비 처리, 픽셀 화면비 아님.

›'시네마틱' 룩이란?

21:9(더 정확히 2.39:1 또는 2.40:1) — HDTV보다 넓음. 현대 블록버스터에서 흔함. 스트리밍 서비스가 종종 이 비율로 영화 제공.

›왜 Instagram Reel/TikTok이 9:16 사용?

폰이 일반적으로 세로로 잡히기 때문. 9:16은 콘텐츠로 전체 폰 화면 채움; 16:9는 세로 폰에서 상단과 하단에 띠 남김.

›데이터가 전송되나요?

전송되지 않습니다. 계산은 로컬.