화면 비율 계산기
Aspect Ratio Calculator
목표 비율에 맞는 나머지 한 변을 계산하고 해당하는 표준 규격을 알려 줍니다.
비율을 정하면 나머지 한 변을 구해 주고, 어떤 크기가 어느 표준 비율인지 — 실제 크기는 딱 떨어지지 않으므로 허용 오차를 두고 — 알려 주고, 다른 상자 안에 들어갈 수 있는 가장 큰 크기를 계산합니다.
비율
HD 영상, 대부분의 화면, 유튜브.
16:9 · 1.7778:1
크기 구하기
1920 × 1080
실제 비율
1.7778:1
반올림 오차
0.000%
미리보기
이 크기가 무엇인지
- 16:90.000%HD 영상, 대부분의 화면, 유튜브.
정확한 약분이 아니라 허용 오차로 맞춥니다. 역대 가장 흔한 노트북 해상도인 1366×768은 683:384라서, 정확히 맞추는 방식으로는 아무 이름도 붙지 않습니다.
상자 안에 맞추기
가장 큰 크기: 1280 × 720
짝수 픽셀로 맞춥니다. H.264의 크로마 서브샘플링이 2×2 블록 단위로 동작해서, 홀수 크기는 거부되거나 조용히 채워집니다.
표준 크기
- 1280×720 · 16:9
- 1920×1080 · 16:9
- 3840×2160 · 16:9
- 1366×768 · 16:9
- 2560×1664
- 1179×2556
- 1080×1080 · 1:1
- 1080×1350 · 4:5
- 1080×1920 · 9:16
- 1200×630 · 1.91:1
- 1280×720 · 16:9
- 2480×3508
- 794×1123
- 2550×3300
사용 방법
비율을 정합니다
직접 입력하거나 미리 준비된 것에서 고릅니다. 16:9, 4:3, 1:1, 9:16, 2.39:1 등이 있습니다. 약분한 형태와 소수 값이 옆에 나옵니다.
아는 쪽 길이를 넣습니다
나머지 한 변을 계산해 주고, 반올림한 뒤에 실제로 나오는 비율과 요청한 비율에서 얼마나 벗어났는지도 함께 보여 줍니다.
또는 상자 안에 맞춥니다
담을 상자를 주면 그 안에 들어가는 가장 큰 크기를 짝수 픽셀로 맞춰 줍니다. H.264가 2×2 크로마 블록 단위로 동작해서, 홀수 크기는 거부되거나 조용히 채워집니다.
자주 묻는 질문
반올림 오차는 실제로 무엇을 뜻하나요?
정수 픽셀로는 그 비율에 정확히 맞출 수 없다는 뜻입니다. 영상이라면 인코딩 뒤 한쪽 가장자리에 검은 실선으로 나타납니다. 내보낸 뒤보다 내보내기 전에 아는 편이 낫습니다.
1366×768은 왜 16:9로 안 나오나요?
엄밀히 16:9가 아니라 683:384이기 때문입니다. 그러면서도 역대 가장 흔한 노트북 해상도이죠. 정확한 약분 대신 허용 오차로 맞추기 때문에 오차를 표시하면서 16:9라고 부를 수 있고, 아무것도 아니라고 하는 것보다 쓸모 있습니다.
CSS의 `aspect-ratio`도 같은 건가요?
비율은 같고, 복사 버튼이 그 선언을 줍니다. 다만 픽셀 크기를 정해 주지는 않습니다. 브라우저가 담는 상자를 보고 요소 크기를 정하는데, 페이지에서는 대개 그게 원하는 동작이고 내보내기에서는 결코 아닙니다.
이 도구로 이어지는 것
색상 선택기
Colour Picker
OKLCH 좌표판에서, 화면 스포이드로, 또는 업로드한 이미지에서 색을 고르고 원하는 표기법으로 복사합니다.
색상 코드 변환
Colour Format Converter
HEX·RGB·HSL·HWB·LAB·LCH·OKLCH로 색을 변환하고 가장 가까운 색 이름을 알려 줍니다.
명도대비 검사
Contrast Checker
전경·배경 색 조합을 WCAG 2와 APCA 기준으로 채점하고 통과하는 가장 가까운 색을 제안합니다.
색 팔레트 생성
Palette Generator
기준 색에서 보색·삼각·유사색 규칙으로 조화로운 팔레트를 만듭니다.
다음 단계
이 도구의 결과를 그대로 받을 수 있는 도구들입니다.
유동 크기 clamp 계산
Fluid Size Calculator
두 화면 너비 사이에서 크기가 매끄럽게 변하는 clamp() 식을 계산합니다.
이미지 자르기
Image Cropper
자유 비율 또는 고정 비율로 잘라내고, 단색·투명 여백을 자동으로 잘라낼 수 있습니다.
이미지 크기 조절
Image Resizer
픽셀·비율·최대 변 길이 기준으로 크기를 바꾸고 가로세로 비율 고정과 일괄 처리를 지원합니다.
영상 자르기·비율 변경
Video Crop & Aspect
9:16·1:1·16:9·4:5나 자유 비율의 틀을 끌어 화면을 잘라내거나, 목표 비율에 맞춰 검은 여백을 채운 뒤 기기에서 다시 인코딩합니다.
색상 코드 변환
Colour Format Converter
HEX·RGB·HSL·HWB·LAB·LCH·OKLCH로 색을 변환하고 가장 가까운 색 이름을 알려 줍니다.
색상 선택기
Colour Picker
OKLCH 좌표판에서, 화면 스포이드로, 또는 업로드한 이미지에서 색을 고르고 원하는 표기법으로 복사합니다.