이미지 폭을 바꿀 때 비율과 소수 처리하기

사용할 도구

• 도구 열기: 비율·화면비
• 도구 열기: 고정밀 계산기

1920×1080을 16:9로 정리하기

1920 : 1080 = 16 : 9

비 간소화에서 1920과 1080을 따로 입력하면 16:9입니다. 이는 모양이며 표시 크기는 아닙니다. 320×180과 1920×1080은 비율이 같아도 픽셀 수가 다릅니다. 비율과 화질·정보량을 혼동하지 마세요.

세로 사진은 순서도 중요합니다. 1080×1920은 9:16입니다. 16:9를 그대로 쓰면 계산은 성공해도 다른 모양을 구합니다. 폭:높이 순서를 유지하고 회전 후 치수를 확인하세요.

폭을 정하고 나머지 변 계산하기

ratio = 16:9
width = 320
height = 320 × 9 ÷ 16 = 180

비율로 다른 변을 구할 수 있지만 현재 비율 화면의 해당 입력란은 비율 표기를 직접 받지 못합니다. 고정밀 계산기로 320*9/16을 계산하면 높이 180, 180*16/9는 폭 320입니다. 화면에 없는 알려진 변 선택은 필요 없으며 왕복으로 뒤바뀜을 확인하세요.

도구는 이미지를 읽어 치수를 알아내지 않습니다. 비율은 사용자가 지정합니다. 모든 영상이 16:9라고 가정하지 말고 원본을 확인하세요. 정사각형 아이콘이나 세로 영상에 잘못된 비율을 넣어도 도구는 알 수 없습니다. 올바른 계산과 올바른 전제는 다릅니다.

폭 321에서는 높이가 정수가 아닙니다

321 × 9 ÷ 16 = 180.5625
floor   → 180
nearest → 181
ceil    → 181

고정밀 계산기에 321*9/16을 넣으면 180.5625입니다. 정수 픽셀이 필요하면 적용처에서 내림·반올림·올림을 정하세요. 유효 자릿수 설정과 정수 픽셀 반올림은 다릅니다. 181은 비율이 조금 달라지므로 원래 치수를 남기세요.

정확한 정수 16:9는 16과 9의 같은 배수로 만들 수 있어 320×180 다음은 336×189입니다. 하지만 최대 폭 321에는 336이 안 들어갑니다. 비율과 경계 조건을 먼저 정하고 필요하면 여백이나 잘라내기로 조정하세요.

틀 안에 넣기와 틀을 채우기는 다릅니다

width 300 → height 168.75
height 200 → width 355.555…

폭 300이면 높이 168.75라 300×200 틀 위아래에 여백이 생깁니다. 높이 200이면 폭 약 355.56으로 좌우를 잘라야 채워집니다. 300×200을 강제하면 16:9가 3:2로 변형됩니다. 예상 밖 배치는 계산보다 여백·잘림·왜곡 선택이 미정인 문제일 수 있습니다.

도구는 파일을 변형하거나 자르지 않습니다. 치수를 추정한 뒤 실제 이미지나 CSS를 확인하세요. CSS aspect-ratio도 다른 크기 제약과 함께 작동합니다. 계산만 믿지 말고 얼굴이나 글자가 잘리지 않는지 결과를 직접 보세요.

치수와 함께 반올림 규칙과 목적 전달하기

높이 181만 전달하면 의도를 알 수 없습니다. 원본 16:9·폭 321·계산 높이 180.5625를 반올림해 181·잘라내기 없음처럼 적으세요. CSS 표시 픽셀과 내보낸 이미지 픽셀도 다르면 구분합니다.

원본 비율·결과 폭과 높이·반올림 규칙을 함께 남기세요. 관계 확인에는 작은 예시 숫자로 충분합니다. 이미지를 올리지 않고 치수만으로 계산하므로 미공개·내부 자료를 보내지 않고 크기를 논의할 수 있습니다.

참고 자료

• MDN — aspect-ratio (새 탭에서 열립니다)

사용할 도구

• 비율·화면비
• 고정밀 계산기