CSS 및 프런트엔드 개발 도구

가로세로 비율 계산기

이미지와 컨테이너의 가로세로 비율을 계산하거나 비율로 알 수 없는 너비 또는 높이를 구하세요.

입력값

브라우저에서 처리

실시간 미리보기

설정을 바꾸면 자동으로 업데이트됩니다
직접 선택하거나 복사할 수 있습니다

너비와 높이를 가장 간단한 비율로 약분하거나 비율과 한쪽 치수로 다른 쪽을 구하세요.

입력한 내용은 브라우저에서만 처리되며 서버에 업로드되지 않습니다.

도구 소개

가로세로 비율 계산기는 ‘비율 계산’과 ‘나머지 치수 계산’ 모드를 제공합니다. 비율 계산은 너비와 높이를 가장 간단한 비율로 약분합니다. 나머지 치수 계산은 비율을 유지하면서 알 수 없는 한쪽을 구해 읽기 쉬운 소수로 표시합니다.

사용 방법

  1. ‘비율 계산’ 또는 ‘나머지 치수 계산’ 모드를 선택하세요.
  2. 비율을 계산하려면 너비와 높이를 입력하세요. 둘 다 양의 안전한 정수여야 합니다.
  3. 나머지 치수를 구하려면 양의 정수 비율과 알려진 너비 또는 높이를 입력하세요. 알려진 치수에는 양의 소수도 사용할 수 있습니다.
  4. 비율, 계산된 치수, 미리보기를 확인하고 결과를 복사하세요.

사용 예제

  • 1920:1080의 GCD는 120이며 약분하면 16:9, 소수 비율은 약 1.7778입니다.
  • 1024:768 → 4:3; 1080:1920 → 9:16.
  • 비율 16:9, 알려진 너비 1920 → 높이 1080.

계산 원리

너비와 높이를 가장 간단한 정수 비율로 나타냅니다. 비율을 약분하려면 안전한 범위 안의 양의 정수를 입력하세요. 소수나 안전한 범위를 넘는 정수는 사용할 수 없습니다. W:H 비율에서는 높이 = 너비 × H / W, 너비 = 높이 × W / H입니다. 알려진 치수는 양의 소수도 가능하며 결과는 소수점 아래 최대 6자리까지 표시합니다. 입력과 출력은 같은 치수 단위를 사용합니다.

주요 용도

  • 이미지, 영상, 캔버스의 가로세로 비율을 확인합니다.
  • 일정한 비율로 자료의 크기를 조절합니다.
  • CSS aspect-ratio를 설정하기 전에 치수를 확인합니다.

개인정보 안내

입력 내용과 결과는 브라우저 안에서만 처리되며 업로드되거나 자동으로 저장되지 않습니다. 보관할 결과는 복사해서 저장하세요.

FAQ

1920×1080은 어떤 비율인가요?

16:9입니다. 1920과 1080의 최대공약수는 120이므로 양쪽을 120으로 나누면 됩니다.

1080×1920은 왜 9:16인가요?

가로세로 비율은 너비:높이 순서입니다. 너비와 높이를 바꾸면 비율도 바뀌며 세로 화면을 나타냅니다.

16:9에서 높이는 어떻게 구하나요?

높이 = 너비 × 9 / 16을 사용합니다. 예를 들어 너비가 1920이면 높이는 1080입니다.

치수에 0이나 소수를 사용할 수 있나요?

0과 음수는 사용할 수 없습니다. 가장 간단한 비율을 계산하려면 너비와 높이가 양의 안전한 정수여야 합니다. 나머지 치수 계산에서는 알려진 치수에 양의 소수가 가능하지만 비율의 양쪽 값은 양의 정수여야 합니다.

개발자 도구 목록으로 돌아가기