화면 비율 계산기: 비율을 지키면서 크기 바꾸기
가로세로 비율은 두 숫자의 관계일 뿐이지만, 실제로 필요한 일은 대개 '이 비율을 유지하면서 폭을 1280으로 바꾸면 높이는 얼마인가'입니다. 그리고 흔한 화면 크기일수록 정확한 비율은 읽기 어려운 숫자로 나옵니다.
가로와 세로를 넣으면 최대공약수로 약분한 비율과 소수점 값이 나옵니다. 비율을 잠그면 한쪽을 바꿀 때 다른 쪽이 따라 움직입니다.
비율 칩을 누르면 지금 폭을 유지한 채 그 비율에 맞는 높이가 계산됩니다. 1920 폭에서 4:5를 누르면 1920 × 2400이 됩니다.
정확한 비율이 읽기 어려울 때
노트북 화면에 흔한 1366 × 768을 약분하면 683:384가 나옵니다. 산수로는 완벽하지만 아무 정보도 주지 않습니다. 알고 싶은 것은 이것이 16:9에 아주 가깝다는 사실입니다.
그래서 약분한 숫자가 커지면 가장 가까운 표준 비율을 함께 보여 줍니다. 다만 1% 안에 들 때만입니다. 1200 × 630은 40:21인데 어떤 표준 비율과도 그만큼 가깝지 않아서 근사를 붙이지 않습니다. 억지로 이름을 붙이는 것보다 없는 편이 낫습니다.
1920 × 1080처럼 이미 16:9로 깔끔하게 떨어지는 경우에는 근사를 표시하지 않습니다. '거의 16:9'라고 말하면 오히려 정확도가 떨어져 보입니다.
흔한 크기의 실제 비율
| 크기 | 약분 | 쓰이는 곳 |
|---|---|---|
| 1920 × 1080 | 16:9 | Full HD, 유튜브 |
| 3840 × 2160 | 16:9 | 4K UHD |
| 1366 × 768 | 683:384 (거의 16:9) | 보급형 노트북 |
| 2560 × 1080 | 64:27 (21:9) | 울트라와이드 모니터 |
| 1080 × 1350 | 4:5 | 인스타그램 피드 세로형 |
| 1080 × 1440 | 3:4 | 인스타그램 프로필 그리드 |
| 1200 × 630 | 40:21 | 페이스북 공유 이미지 |
21:9는 사실 21:9가 아닙니다
울트라와이드 모니터는 21:9로 팔리지만 실제 해상도는 2560 × 1080이나 3440 × 1440입니다. 앞의 것을 약분하면 64:27이고 소수로는 2.370입니다. 진짜 21:9는 2.333이라 서로 다른 값입니다.
숫자만 놓고 가장 가까운 표준 비율을 찾으면 영화의 스코프 비율인 2.39:1이 나옵니다. 산수로는 맞지만 모니터를 들고 있는 사람에게는 쓸모없는 답입니다. 그래서 이 계산기는 64:27도 21:9라는 이름으로 알고 있습니다.
이런 어긋남은 마케팅에서 흔합니다. 이름은 기억하기 쉬운 쪽으로, 실제 해상도는 만들기 편한 쪽으로 정해지기 때문입니다.
픽셀은 정수여서 완벽히 맞지 않을 때가 있습니다
비율을 잠그고 폭을 바꾸면 높이는 반올림된 정수가 됩니다. 1920 폭에서 9:16을 적용하면 3413.33이 아니라 3413이 됩니다. 이때 비율은 정확히 9:16이 아니라 아주 근소하게 다릅니다.
한쪽을 바꾸고 다른 쪽을 바꾸기를 반복하면 이 반올림이 조금씩 쌓입니다. 실용적으로 문제가 되는 크기는 아니지만, 정확한 비율이 필요하다면 한 축만 정하고 다른 축은 계산 결과를 그대로 쓰세요.
비율이 딱 떨어지는 크기를 쓰는 것도 방법입니다. 16:9라면 1920 × 1080, 1280 × 720처럼 두 값이 모두 정수로 나오는 조합이 있습니다.
이럴 때 씁니다
- •영상 편집에서 목표 해상도에 맞는 다른 축 값 구하기
- •이미지를 비율 유지하며 줄일 때 정확한 크기 계산
- •CSS에서 반응형 박스의 padding-top 비율 값 구하기
- •인쇄물이나 액자 크기를 비율에 맞춰 정하기
- •가진 이미지가 어떤 표준 비율에 가까운지 확인하기
자주 묻는 질문
비율 칩을 눌렀는데 폭이 그대로입니다.
의도한 동작입니다. 칩은 모양을 고르는 것이지 크기를 고르는 것이 아니어서, 지금 폭을 유지하고 높이만 그 비율에 맞춰 바꿉니다. 크기까지 바꾸려면 아래의 흔한 크기 목록을 쓰세요.
683:384 같은 값은 왜 나오나요?
약분한 결과가 실제로 그렇기 때문입니다. 1366과 768의 최대공약수가 2뿐이라 더 줄일 수 없습니다. 이런 경우 가장 가까운 표준 비율을 함께 표시합니다.
16:9와 1.78:1은 같은 건가요?
같습니다. 16 나누기 9가 1.778입니다. 영상 쪽에서는 소수 표기를, 화면 쪽에서는 정수 비 표기를 주로 씁니다.
세로 사진의 비율은 어떻게 읽나요?
가로:세로 순서 그대로입니다. 1080 × 1350은 4:5이고, 이것을 뒤집으면 5:4가 되어 다른 모양이 됩니다. 순서가 바뀌면 다른 비율입니다.
입력한 값이 저장되나요?
아니요. 브라우저 안에서만 계산합니다.