지식 · 이미지와 파일
화면 비율(종횡비)이란 무엇인가요?
핵심 답변
화면 비율(종횡비)은 이미지의 가로와 세로의 비율로, 16:9나 4:3처럼 두 숫자로 씁니다. 크기가 아니라 모양을 나타내므로 1920 × 1080과 1280 × 720은 모두 16:9입니다. 크기를 바꿀 때 비율을 유지하려면 새 높이를 새 너비 × 높이 ÷ 너비로 계산하세요. 16:9에서 너비가 1200픽셀이면 높이는 675픽셀입니다.
화면비 열기자주 쓰는 화면 비율과 용도
| 비율 | 소수 | 예시 크기(px) | 주요 용도 |
|---|---|---|---|
| 1:1 | 1.00 | 1080 × 1080 | 정사각형 SNS 게시물, 프로필 사진 |
| 4:5 | 0.80 | 1080 × 1350 | 세로형 SNS 피드 게시물 |
| 4:3 | 1.33 | 1600 × 1200 | 휴대폰 카메라 사진, 구형 TV, 태블릿 |
| 3:2 | 1.50 | 6000 × 4000 | DSLR·미러리스 사진, 4 × 6 인화 |
| 16:9 | 1.78 | 1920 × 1080 | HD·4K 동영상, 모니터, 프레젠테이션 |
| 9:16 | 0.56 | 1080 × 1920 | 세로 동영상, 스토리, 숏폼 클립 |
| 21:9 (마케팅 명칭) | 약 2.37 | 2560 × 1080 | 울트라와이드 모니터 |
| 2.39:1 | 2.39 | 4096 × 1716 | 와이드스크린 영화 |
| 1:√2 | 0.71 | 2480 × 3508 | A4 등 ISO 용지 규격 |
16:9는 1920 × 1080과 1280 × 720 화면을 정의한 ITU-R BT.709를 통해 HDTV 표준이 되었습니다. 3:2는 35 mm 필름의 36 × 24 mm 프레임에서 왔습니다.
이미지의 비율 구하는 법
너비와 높이를 최대공약수(GCD)로 나누면 됩니다.
- 픽셀 크기를 확인합니다. 예: 1920 × 1080.
- 두 수를 모두 나누는 가장 큰 수를 찾습니다: 120.
- 나눕니다: 1920 ÷ 120 = 16, 1080 ÷ 120 = 9이므로 비율은 16:9입니다.
어떤 크기는 이름 붙은 비율에 근사할 뿐입니다. 1366 × 768 노트북 화면은 683:384로 약분되며 1.779로, 16:9로 판매됩니다. 2560 × 1080 "21:9" 모니터는 정확히 64:27입니다. 분수보다 소수(너비 ÷ 높이)로 비교하는 편이 쉬울 때가 많습니다.
왜곡 없이 새 크기 계산하기
양쪽 변을 같은 배율로 조정하면 비율이 유지됩니다. 다음 두 공식이면 모든 경우를 해결할 수 있습니다.
new height = new width × original height ÷ original widthnew width = new height × original width ÷ original height
예: 4032 × 3024(4:3) 사진을 너비 1600픽셀로 줄이면 높이는 1600 × 3024 ÷ 4032 = 1200픽셀입니다. 너비 720픽셀인 9:16 동영상의 높이는 720 × 16 ÷ 9 = 1280입니다.
결과가 정수가 아니면 가장 가까운 픽셀로 반올림하세요. 동영상 인코더는 보통 짝수 크기를 요구하므로 동영상은 짝수로 반올림하세요.
비율 바꾸기: 자르기, 여백 넣기, 늘리기
4:3 사진을 16:9 프레임이나 1:1 게시물로 바꾸는 것은 크기 조정만으로는 불가능합니다. 방법은 세 가지입니다.
| 방법 | 결과 | 사용할 때 |
|---|---|---|
| 자르기(크롭) | 이미지 일부를 잘라 냄 | 대부분의 사진, 피사체가 프레임 안에 들어오게 |
| 여백 넣기(레터박스·필러박스) | 막대나 흐린 배경을 추가 | 문서나 작품처럼 잘라서는 안 될 때 |
| 늘리기 | 가로와 세로를 다른 배율로 조정 | 거의 쓰지 않음, 얼굴과 원이 찌그러져 보임 |
4000 × 3000 이미지를 16:9로 자르면 너비는 그대로 두고 높이를 4000 × 9 ÷ 16 = 2250픽셀로 줄이므로 그림의 25%가 사라집니다. 같은 이미지를 1:1로 자르면 3000 × 3000이 남습니다.
웹에서의 화면 비율
CSS에는 aspect-ratio 속성이 있습니다. 예를 들어 aspect-ratio: 16 / 9로 지정하면 이미지나 동영상이 로드되기 전에 알맞은 공간을 미리 확보합니다. 이 속성을 지정하거나 이미지에 width와 height 속성을 주면 미디어가 로드될 때 페이지가 밀리지 않아 누적 레이아웃 이동(CLS) 점수가 좋아집니다.
자주 묻는 질문
1920 × 1080은 어떤 비율인가요?
16:9입니다. 두 수를 120으로 나누면 16과 9가 됩니다.
4K는 16:9인가요?
일반 소비자용 4K UHD는 3840 × 2160으로 정확히 16:9입니다. 영화용 4K(DCI)는 4096 × 2160으로 약 1.90:1입니다.
휴대폰 사진은 어떤 비율인가요?
대부분의 휴대폰 카메라는 기본적으로 4032 × 3024 같은 4:3으로 촬영합니다. 16:9와 1:1 모드도 많이 제공하는데, 이는 센서 이미지를 잘라 낸 것입니다.
비율을 바꾸면 화질이 떨어지나요?
자르기는 픽셀을 없애지만 나머지를 흐리게 만들지는 않습니다. 늘리기는 모양을 왜곡하고, 많이 자른 뒤 확대하면 이미지가 흐릿해 보일 수 있습니다.