화면 비율 계산기 (가로세로 비율)

계산 방법

화면 비율 계산법

화면 비율(가로세로 비율)은 가로 대 세로를 최대공약수로 나눈 값입니다. 1920 × 1080이라면 1920과 1080의 최대공약수는 120이고, 1920 ÷ 120 = 16, 1080 ÷ 120 = 9이므로 16:9입니다. 소수 값은 1920 ÷ 1080 = 1.778 : 1입니다.

사용법

1. 가로와 세로를 넣습니다. 예: 1920과 1080 (픽셀, cm, 인치 모두 가능)
2. 약분한 비율(16:9), 소수 값, 가장 가까운 표준 비율을 확인합니다.
3. 새 크기가 필요하면 입력할 값이 가로인지 세로인지 고르고 넣습니다. 16:9에서 가로 1280픽셀이면 세로는 720픽셀입니다.

빠진 길이 구하기

이미지나 영상을 비율 그대로 바꾸려면 비례식을 씁니다. 새 세로 = 새 가로 × 세로 ÷ 가로. 1920 × 1080을 가로 1280으로 줄이면 1280 × 1080 ÷ 1920 = 720, 곧 1280 × 720px입니다. 거꾸로는 새 가로 = 새 세로 × 가로 ÷ 세로입니다. 결과가 정수 픽셀이 아니면 반올림하고 정확한 값도 함께 보여 줍니다.

자주 쓰는 화면 비율

• 16:9 – HD와 UHD(1280 × 720, 1920 × 1080, 3840 × 2160, ITU-R BT.709·BT.2020), 유튜브, 대부분의 모니터와 TV
• 9:16 – 같은 비율의 세로형: 인스타그램 스토리·릴스, 유튜브 쇼츠, 틱톡
• 4:5 – 인스타그램 세로 피드 사진(1080 × 1350)
• 16:10 – 많은 노트북과 사무용 모니터(1920 × 1200, 2560 × 1600)
• 4:3 – 예전 TV, 태블릿, 여러 디지털카메라, 3:2 – 35mm 필름과 대부분의 렌즈 교환식 카메라
• 1:1 – 정사각형, 21:9 – 울트라와이드 모니터(2560 × 1080), 1.85:1과 2.39:1 – 영화 화면

가장 가까운 표준 비율은 상대 차이가 가장 작은 비율로 찾습니다. 그래서 1366 × 768(약분하면 683:384)이 사실상 16:9라는 것을 알 수 있습니다.

CSS의 aspect-ratio

aspect-ratio: 16 / 9;를 쓰면 요소의 크기가 바뀌어도 비율이 유지됩니다. 영상, 카드, 이미지 자리 표시에 쓰면 페이지를 불러오는 동안 화면이 덜컥거리지 않습니다. 이 속성은 CSS Box Sizing Module Level 4에 정의되어 있고 현재 모든 주요 브라우저가 지원합니다.

어떤 도구를 쓸까요?

이 계산기는 비율 계산 전반을 다룹니다. 지금 쓰는 모니터의 해상도는 화면 해상도 확인에서 잴 수 있습니다. 계산한 크기로 이미지를 바꾸려면 이미지 크기 조절, 원하는 비율로 잘라 내려면 이미지 자르기, 파일 용량을 줄이려면 이미지 용량 줄이기를 쓰세요.

자주 묻는 질문

출처 및 근거

• MDN Web Docs – aspect-ratio (영어)
• 위키백과 – 가로세로비 (영상): 4:3, 16:9, 16:10, 21:9 등
• W3C – CSS Box Sizing Module Level 4: aspect-ratio (2026년 9월 27일 열람)
• Rec. ITU-R BT.709: ITU-R BT.709 – HDTV, 1920 × 1080, 16:9 (2026년 9월 27일 열람)
• Rec. ITU-R BT.2020: ITU-R BT.2020 – UHDTV, 3840 × 2160 / 7680 × 4320, 16:9 (2026년 9월 27일 열람)

업데이트: 2026년 9월 27일 · 편집 원칙