가로세로 비율 계산기
현재 해상도를 표준 비율로 약분하고 목표 비율 기준 출력 크기와 크롭·패딩 기준까지 계산하는 도구
가로세로 비율 계산기
이미지·영상 해상도의 가로/세로 값을 넣으면 비율을 간단히 약분하고, 원하는 목표 비율 기준으로 맞는 픽셀 크기와 크롭·패딩 기준까지 한 화면에서 확인할 수 있습니다.
현재 파일, 화면, 캔버스의 가로 픽셀 값을 입력하세요.
세로 픽셀 값을 넣으면 현재 비율과 표준 비율 비교를 바로 계산합니다.
픽셀은 보통 정수로 사용하지만, 계산 메모가 필요하면 소수 자릿수를 늘릴 수 있습니다.
목표 비율로 다시 계산할 기준 가로 또는 세로 값을 입력하세요.
소수 비율 1.7778:1
소수 비율 0.8000:1
가로 기준이면 입력한 가로값에 맞는 세로 픽셀을 계산하고, 세로 기준이면 반대로 가로 픽셀을 계산합니다.
- 현재 해상도만 넣으면 비율이 자동으로 약분되고 가장 가까운 표준 비율도 함께 표시됩니다.
- 목표 비율을 9:16으로 바꾸면 쇼츠·릴스용 세로 화면 크기를 바로 계산할 수 있습니다.
- 크롭 제안은 원본을 자를 때 필요한 픽셀 수를, 패딩 제안은 여백을 추가할 때 필요한 픽셀 수를 보여 줍니다.
- 기준 가로를 1080으로 두고 4:5를 선택하면 인스타그램 피드용 1080 × 1350처럼 바로 실무값을 확인할 수 있습니다.
입력값을 확인하면 목표 비율에 맞는 픽셀 크기와 크롭/패딩 기준이 여기에 정리됩니다.
현재 1920 × 1080 해상도를 기준으로 4:5 비율을 만들려면, 가로 1080px 기준 출력은 1080 × 1350px이며 원본 기준으로는 좌우를 자르거나 상하 여백을 추가하는 방식으로 맞출 수 있습니다.
현재 화면이 더 넓으면 좌우 크롭이 필요하고, 더 세로로 길면 상하 크롭이 필요합니다. 패딩 제안은 자르지 않고 캔버스를 확장할 때의 기준입니다.
| 기준 가로 | 계산된 세로 |
|---|---|
| 360 px | 450 px |
| 720 px | 900 px |
| 1080 px | 1350 px |
| 1440 px | 1800 px |
| 2160 px | 2700 px |
목표 비율 4:5를 기준으로 자주 쓰는 기준 가로값에 대응하는 세로값을 바로 확인할 수 있습니다.
- 원본 1920 × 1080은 최대공약수 120으로 약분하면 16:9입니다.
- 목표 비율 4:5에서 가로 1080px를 유지하면 세로는 1080 × (5 ÷ 4) = 1350px입니다.
- 원본 기준으로 4:5로 자르려면 좌우를 합계 1056px 줄여 864 × 1080으로 맞추면 됩니다.
- 원본을 자르지 않고 4:5 캔버스에 올리려면 상하 여백을 합계 1320px 더해 1920 × 2400으로 맞출 수 있습니다.
가로세로 비율 계산기란?
가로세로 비율 계산기는 이미지, 영상, 슬라이드, 썸네일처럼 픽셀 크기가 중요한 화면 자산의 종횡비를 빠르게 정리하는 도구입니다. 현재 가로·세로 해상도를 입력하면 비율을 가장 단순한 형태로 약분하고, 16:9·4:5·9:16 같은 표준 비율과 얼마나 가까운지도 함께 보여 줍니다.
목표 비율을 고른 뒤 가로나 세로 중 한쪽 기준값만 넣어도 맞는 반대쪽 픽셀을 계산할 수 있어, SNS 업로드용 리사이즈, 배너 제작, 영상 캔버스 재구성, 문서·썸네일 작업 전에 필요한 기준 크기를 정리할 때 바로 활용할 수 있습니다.
이런 상황에서 사용하세요
이 도구는 단순히 비율을 약분하는 계산기보다, 실제 작업 화면에서 어떤 크기로 출력해야 하는지 빠르게 판단하려는 사람에게 맞춰져 있습니다. 현재 화면 비율을 확인하고, 목표 비율에 맞춘 출력 크기·크롭·패딩 기준을 함께 보면서 다음 작업으로 바로 이어질 수 있습니다.
- SNS 업로드 준비 – 16:9 원본을 4:5 피드, 1:1 썸네일, 9:16 스토리 비율로 바꾸기 전에 목표 픽셀을 계산할 때
- 영상 캔버스 재구성 – 유튜브 가로 영상을 쇼츠용 세로 캔버스에 맞추기 위해 크롭 또는 패딩 기준을 확인할 때
- 배너·슬라이드 제작 – 4:3 발표 자료를 16:9 와이드 화면으로 다시 구성하거나, 반대로 프린트용 2:3 포스터 비율을 맞출 때
- 디자인 QA – 전달받은 시안 파일이 요청된 비율과 정확히 맞는지, 어떤 표준 비율과 가장 가까운지 빠르게 점검할 때
주요 기능
현재 해상도 확인, 목표 비율 선택, 한쪽 픽셀값으로 반대쪽 계산, 크롭·패딩 기준 안내를 한 번에 연결해 작업 메모를 줄이는 데 초점을 맞췄습니다. 별도 업로드 없이 숫자만으로 바로 확인할 수 있어 기획·편집·개발 단계 모두에서 가볍게 쓰기 좋습니다.
- 현재 비율 자동 약분 – 1920 × 1080처럼 익숙한 해상도는 16:9로, 3024 × 4032는 3:4처럼 가장 단순한 비율로 자동 정리합니다.
- 표준 비율 빠른 선택 – 1:1, 4:5, 3:2, 4:3, 16:9, 9:16, 21:9처럼 자주 쓰는 비율을 칩 버튼으로 바로 선택할 수 있습니다.
- 한쪽 값만으로 목표 픽셀 계산 – 가로 기준 또는 세로 기준을 선택해 한쪽 값만 입력하면 맞는 반대쪽 픽셀을 바로 계산합니다.
- 크롭·패딩 동시 비교 – 원본을 자를 때 필요한 픽셀 수와, 자르지 않고 여백을 추가할 때 필요한 캔버스 크기를 함께 보여 줍니다.
- 빠른 출력 크기 표 – 360, 720, 1080, 1440, 2160 같은 자주 쓰는 기준값에 맞는 출력 크기를 표로 함께 제공합니다.
사용 방법
현재 해상도를 먼저 넣고, 목표 비율과 기준 방향을 고르면 필요한 값이 바로 정리됩니다. 크기를 직접 조절하기 전에 이 계산 결과를 먼저 확인하면 편집기에서 시행착오를 줄일 수 있습니다.
- 현재 가로·세로 입력 – 원본 이미지나 영상의 픽셀 크기를 입력해 현재 비율을 확인합니다.
- 목표 비율 선택 – 표준 비율 칩을 누르거나 사용자 정의 비율을 직접 입력합니다.
- 기준 방향 결정 – 가로를 고정할지, 세로를 고정할지 선택하고 기준값을 입력합니다.
- 결과 확인 – 추천 출력 크기, 가장 가까운 표준 비율, 크롭·패딩 기준, 빠른 출력 크기 표를 함께 확인합니다.
- 필요 시 복사 – 결과 복사 버튼으로 계산 메모를 바로 클립보드에 저장해 디자인 툴이나 작업 문서에 붙여 넣습니다.
비율 계산을 이해하는 핵심 포인트
종횡비는 어떻게 읽나요?
종횡비는 보통 “가로 : 세로” 순서로 읽습니다. 16:9는 가로가 16, 세로가 9의 비율이라는 뜻이며, 실제 픽셀 수는 1600 × 900이어도 되고 1920 × 1080이어도 됩니다. 핵심은 두 수의 상대적인 비율이 같다는 점입니다.
- 16:9 – 유튜브, TV, 가로 영상에서 가장 흔한 비율
- 4:5 – 인스타그램 세로 피드, 상품 카드 이미지에 자주 쓰는 비율
- 9:16 – 쇼츠, 릴스, 스토리처럼 세로 전체 화면 콘텐츠에 많이 쓰는 비율
약분된 비율과 실제 픽셀은 왜 함께 봐야 하나요?
약분된 비율은 화면의 모양을 이해하기 쉽게 만들어 주고, 실제 픽셀 값은 제작·업로드·출력에 바로 쓰이는 실무 값입니다. 예를 들어 1080 × 1350과 2160 × 2700은 모두 4:5 비율이지만 파일 크기와 용도는 다르기 때문에 두 정보를 함께 확인하는 편이 안전합니다.
- 비율 – 화면 모양이 맞는지 빠르게 판단
- 픽셀 – 실제 제작, 내보내기, 업로드 설정에 사용
- 표준 비율 비교 – 요청된 규격에 가장 가까운지 빠르게 확인
크롭과 패딩은 언제 다르게 쓰나요?
크롭은 원본 일부를 잘라 목표 비율에 맞추는 방식이고, 패딩은 원본을 유지한 채 빈 여백을 추가해 목표 비율 캔버스를 만드는 방식입니다. 중요한 피사체를 유지해야 하면 패딩이 유리하고, 화면을 꽉 채워야 하면 크롭이 더 적합할 수 있습니다.
- 크롭 – 화면을 꽉 채우기 쉬우나 일부 영역이 잘릴 수 있음
- 패딩 – 원본 손실이 없지만 여백 색이나 배경 처리가 필요할 수 있음
- 작업 판단 – 중심 피사체 위치, 플랫폼 규격, 안전 영역을 함께 고려
실무에서 자주 쓰는 기준값은 무엇인가요?
가로 기준 1080px, 1920px처럼 플랫폼에서 자주 쓰는 값을 먼저 정하고 세로를 계산하면 제작 속도가 빨라집니다. 이 도구의 빠른 출력 크기 표는 자주 쓰는 기준값을 한 번에 확인할 수 있도록 구성되어 있어, 매번 계산기를 다시 두드리지 않아도 됩니다.
- 1080 – SNS 피드, 모바일 기반 그래픽 작업에서 자주 사용
- 1920 – 영상, 프레젠테이션, 배경 화면 기준으로 자주 사용
- 2160 – 고해상도 출력이나 4K 작업 전 단계 계산에 유용
더 정확하게 쓰는 팁
비율만 맞으면 항상 좋은 결과가 되는 것은 아닙니다. 실제로는 플랫폼이 요구하는 최소 픽셀, 중심 피사체 위치, 텍스트 안전 영역까지 함께 고려해야 하므로 계산 결과를 작업 출발점으로 활용하는 것이 좋습니다.
- 업로드 플랫폼 최소 해상도 확인 – 비율이 맞아도 픽셀이 너무 작으면 흐리게 보일 수 있습니다.
- 중심 피사체 위치 체크 – 크롭 제안을 적용하기 전 중요한 텍스트나 얼굴이 잘리지 않는지 확인하세요.
- 패딩 색상 계획 – 여백이 필요한 경우 단색, 블러 배경, 브랜드 색상 중 어떤 방식이 어울리는지 함께 결정하세요.
- 가로·세로 모두 메모 – 작업 파일명이나 전달 문서에 “1080 × 1350 (4:5)”처럼 비율과 픽셀을 함께 남기면 혼선을 줄일 수 있습니다.
자주 묻는 질문
16:9와 4:5는 무엇이 다른가요?
16:9는 가로로 넓은 영상 비율이고, 4:5는 세로 피드에 적합한 비율입니다. 같은 원본이라도 4:5로 바꾸면 가로를 더 많이 자르거나 세로 방향 캔버스를 다시 잡아야 할 수 있습니다.
가로나 세로 중 한쪽 값만 알아도 계산할 수 있나요?
네. 목표 비율을 정한 뒤 가로 기준 또는 세로 기준을 선택하면 한쪽 픽셀값만으로 반대쪽 픽셀을 계산할 수 있습니다. 예를 들어 4:5 비율에서 가로 1080px를 유지하면 세로는 1350px가 됩니다.
크롭 제안과 패딩 제안은 어떻게 읽으면 되나요?
크롭 제안은 원본을 목표 비율로 자르기 위해 줄여야 하는 픽셀 수를 뜻하고, 패딩 제안은 원본을 유지한 채 목표 비율 캔버스로 확장할 때 더해야 하는 여백 픽셀 수를 뜻합니다. 작업 목적에 따라 둘 중 하나를 선택하면 됩니다.
표준 비율과 완전히 일치하지 않으면 문제가 되나요?
반드시 문제는 아니지만, 업로드 플랫폼이나 템플릿이 특정 비율을 요구한다면 표준 비율에 맞추는 편이 안전합니다. 이 도구는 현재 비율이 어떤 표준 비율과 가장 가까운지도 함께 표시해 줍니다.
계산 결과는 반올림되나요?
화면에는 선택한 소수점 자릿수 기준으로 반올림해 표시됩니다. 실제로는 내부에서 비율식을 그대로 계산하므로, 필요하면 소수점 자릿수를 늘려 더 세밀한 값을 확인할 수 있습니다.
입력한 값이 서버로 전송되나요?
아니요. 이 계산기는 브라우저 안에서만 동작하며, 입력한 가로·세로 값과 계산 결과를 별도로 저장하거나 서버로 전송하지 않습니다.
아직 댓글이 없습니다. 첫 의견을 남겨보세요.