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.

계산 원리

정수 너비와 높이의 최대공약수 GCD를 유클리드 알고리즘으로 구한 뒤 양쪽을 GCD로 나눕니다. 비율 약분에는 양의 안전한 정수만 허용하여 소수나 매우 큰 정수로 인한 정밀도 문제를 방지합니다. W:H 비율에서는 높이 = 너비 × H / W, 너비 = 높이 × W / H입니다. 알려진 치수는 양의 소수도 가능하며 결과는 소수점 아래 최대 6자리까지 표시합니다. 입력과 출력은 같은 치수 단위를 사용합니다.

주요 용도

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

개인정보 안내

모든 입력 처리, 계산, CSS 생성, 미리보기는 현재 브라우저에서 이루어집니다. 사용자 내용을 업로드하지 않으며 백엔드, 데이터베이스, 온라인 API, 외부 CDN을 사용하지 않습니다. 입력값은 자동 저장되지 않습니다.

FAQ

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

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

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

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

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

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

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

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

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