🔧툴박스
홈계산기텍스트·개발변환·생성디자인생산성For Fun궁합가이드
🔧툴박스무료 도구 36가지설치 없이 바로 쓰는 무료 온라인 도구 36가지
전체 보기모든 도구 보기→

계산기

  • 연봉계산기
  • BMI 계산기
  • 날짜 계산기
  • 몇박 며칠 계산기

텍스트·개발

  • 글자수 세기
  • 원고지 글자수 세기
  • JSON 포맷터
  • 특수문자 복사
  • 구분선 생성기

변환·생성

  • 단위 변환기
  • 양력 음력 변환기
  • 이미지 변환기
  • QR코드 생성기

디자인

  • 색상 도구
  • Box Shadow 생성기

생산성

  • 할일 목록
  • 지출 추적기

For Fun

  • 인생 진행률
  • 번아웃 자가진단

궁합

  • 혈액형 궁합
  • 별자리 궁합
  • 이름 궁합

함께 보면 좋은 서비스

📋합격각— 자격증 시험일정·합격률🏠자취생존가이드— 자취·1인가구🏡둥지— 아파트 청약·분양🛒핫딜— 쇼핑·특가

김군의 다른 서비스

👶맘맵— 임신·출산·육아🐾펫찾기— 반려동물·유기동물🎪놀러가자— 축제·관광·여행⛺캠핑고고— 캠핑·차박·글램핑📅쉬는날— 공휴일·연차 계획🚨삐뽀삐뽀— 응급실·야간약국🚶걷기좋은길— 둘레길·맨발 산책로🚗차곡차곡— 주유·충전·주차장
🌐kimgoon.kr더 많은 서비스 보기
서비스 소개·개인정보처리방침·이용약관

© 2026 툴박스 (tools.kimgoon.kr). All rights reserved.

본 사이트의 계산 결과는 참고용이며, 정확한 정보는 관련 기관에 문의해 주세요.

광고

  1. 홈
  2. /툴박스 가이드
디자인·CSS2026년 4월 14일·약 4분 소요

이미지 종횡비(Aspect Ratio) 이해하기 - 16:9, 4:3, 1:1 언제 쓰는지

같은 사진이라도 16:9와 1:1로 자르면 전혀 다른 인상이 됩니다. 종횡비가 무엇이고 어떤 상황에 어떤 비율을 써야 자연스러운지, 디자인·사진·영상 실무에서 가장 자주 만나는 비율을 정리했습니다.

이미지 종횡비(Aspect Ratio) 이해하기 - 16:9, 4:3, 1:1 언제 쓰는지

광고

작성 툴박스 운영자·최초 작성 2026년 4월 14일·최종 검토 2026년 4월 14일

툴박스 가이드는 W3C·MDN·국제 표준 문서(RFC/ISO)와 한국인터넷진흥원(KISA) 등 공신력 있는 기관의 공개 자료를 기반으로 작성·검토합니다.편집 방침 보기

종횡비란 무엇인가?

종횡비(aspect ratio)는 이미지나 영상의 가로 : 세로 비율을 의미합니다. 예를 들어 1920x1080은 가로세로 비율이 16:9인데, 1920÷1080을 약분하면 16:9가 나오기 때문이에요. 같은 종횡비라면 해상도가 달라도 모양은 똑같습니다(예: 1280x720, 3840x2160 모두 16:9). 종횡비가 중요한 이유는 같은 사진·영상이라도 비율을 잘못 맞추면 양옆이 잘리거나 위아래가 잘려 의도한 그림이 깨지기 때문이에요. 또 SNS·플랫폼마다 권장하는 비율이 달라, 콘텐츠를 만들 때 종횡비를 의식하지 않으면 매번 잘려서 올라가는 일이 생깁니다.

16:9 - 와이드의 시대

지금 가장 표준적인 비율은 16:9입니다. TV·모니터·노트북·유튜브 영상·프레젠테이션 슬라이드·강의 영상 등 대부분의 가로 화면 콘텐츠가 16:9를 사용해요. 사람의 시야가 가로로 더 넓어 영화관처럼 몰입감 있게 느껴진다는 장점이 있습니다. 1920x1080(Full HD), 3840x2160(4K), 1280x720(HD) 모두 16:9예요. 유튜브·줌 화상회의·구글 미트가 모두 이 비율을 가정해서 디자인되어 있습니다. 단점은 세로 길이가 짧아 인쇄·세로형 콘텐츠에는 적합하지 않다는 점이에요.

4:3 - 고전적이고 안정적인 비율

4:3은 1990년대 이전 TV·아날로그 모니터·필름 카메라의 표준이었어요. 지금은 메인 스트림에서 거의 사라졌지만, 인스타그램 가로형 게시물·일부 카메라(중형 디지털백)·옛 콘텐츠 디지털화에서 여전히 보입니다. 16:9보다 세로가 길어 인물 사진이나 정물에 안정감을 주고, 프레젠테이션 슬라이드를 4:3로 디자인하면 빈 공간이 덜 생긴다는 장점도 있어요. 1024x768, 800x600 같은 옛 모니터 해상도가 4:3입니다. 추억 보정으로 의도적으로 4:3을 사용하는 사진가도 늘고 있어요.

1:1 정사각형 - SNS 시대의 표준

1:1 정사각형은 인스타그램의 등장과 함께 폭발적으로 퍼진 비율이에요. 모바일 피드에서 한 화면에 하나씩 정사각형 카드처럼 보여 주목도가 높고, 어떤 방향의 사진이든 잘라넣기 쉬워 콘텐츠 제작자들이 가장 자주 사용합니다. 광고·프로필 이미지·앱 아이콘이 거의 1:1이에요. 1080x1080, 1200x1200 같은 해상도가 표준입니다. 단점은 풍경 사진이 답답해 보이고, 스토리텔링이 있는 사진에서는 가장자리 정보가 잘려나가는 점이에요.

9:16 세로형 - 모바일 우선의 비율

9:16 세로형은 16:9를 90도 회전한 비율로, 인스타그램 스토리·릴스·틱톡·유튜브 쇼츠의 표준이에요. 사람들이 스마트폰을 세워 들고 보는 시간이 늘면서 세로형 콘텐츠가 가로형보다 많아진 환경을 반영합니다. 1080x1920이 표준 해상도예요. 세로형 영상·사진은 풀 스크린으로 화면을 가득 채워 몰입감이 강하고, 한 손으로 시청 가능해 사용자 친화적입니다. 단점은 영화·강의처럼 정보 밀도가 높은 콘텐츠에는 부적합하다는 점이에요.

3:2와 황금비, 그 외 비율

  • 3:2: 일반 DSLR 카메라의 기본 비율. 35mm 필름과 같음. 인쇄 사진 4x6과 정확히 일치.
  • 21:9 (시네마스코프): 영화관·극장 화면. 일부 모니터(울트라와이드)에 적용.
  • 황금비(약 1.618:1): 예술적 비율. 가로:세로 = 1:0.618 또는 1.618:1.
  • A4 용지(약 1.414:1): 인쇄용 표준. ISO 216 규격.

각 비율은 특정 용도에 맞춰져 있고, 비율을 바꾸면 구도가 자연스럽게 달라져요. 사진가들이 작품에 따라 서로 다른 비율을 의도적으로 선택하는 이유입니다.

비율을 잘 고르는 팁

콘텐츠 제작에 비율을 고를 때 다음 기준이 도움이 됩니다.

  • 플랫폼 권장 비율 확인: 인스타 피드 1:1 또는 4:5, 스토리·릴스 9:16, 유튜브 가로 16:9, 쇼츠 9:16, 트위터 카드 16:9 등.
  • 여러 비율로 동시에 만들 계획이라면 가장 큰 비율로 촬영: 16:9로 찍은 영상은 1:1, 9:16으로 자르기 어렵지만, 4:5로 찍으면 16:9 외에는 거의 다 가능.
  • 자르기 여백 확보: 인물·로고·중요 정보를 가장자리에 두지 말고 안전 영역에 배치.
  • TV·전광판은 16:9 가정: 인쇄·포스터는 자유.

처음부터 어떤 플랫폼에 올릴지 정해두면 비율 고민이 줄어듭니다.

도구로 비율 계산하기

툴박스의 종횡비 계산기는 가로·세로 길이를 입력하면 비율을 알려주거나, 비율과 한쪽 길이를 입력하면 다른 쪽 길이를 계산해줍니다. 비디오 편집·이미지 리사이즈·디자인 캔버스 만들 때 빠르게 쓸 수 있어요. 한 비율로 만든 콘텐츠를 다른 플랫폼에 옮길 때, 어디까지 잘릴지 미리 계산해보면 핵심 정보가 잘려나가는 사고를 막을 수 있습니다.

관련 가이드

kimgoon.kr

kimgoon 생활정보 가이드

tools.kimgoon.kr

디자인·CSS 가이드 더 보기

tools.kimgoon.kr

툴박스 도구 모음

참고한 표준·공식 자료

본 글은 다음 표준·문서의 공개 자료를 바탕으로 정리·검토되었습니다. 최신 사양은 각 표준 문서를 함께 확인해 주세요.

  • MDN Web Docs ↗웹 표준·HTML/CSS/JS 공식 문서
  • W3C ↗웹 국제 표준 권고안
  • IETF RFC Editor ↗인터넷 프로토콜·인코딩 표준 원문
  • 한국인터넷진흥원(KISA) ↗보안·암호·개인정보 가이드

잘못된 정보나 갱신이 필요한 부분을 발견하셨다면 contact@kimgoon.kr로 알려주세요. 툴박스 편집 방침을 함께 참고하실 수 있습니다.

태그

#종횡비#Aspect Ratio#16:9#4:3#1:1#이미지 비율#썸네일
공유

광고

관련 가이드 더 보기

웹 접근성 명도 대비 기준 비교 — AA 4.5:1·AAA 7:1·UI 3:1과 Tailwind 팔레트 실측표
디자인·CSS

웹 접근성 명도 대비 기준 비교 — AA 4.5:1·AAA 7:1·UI 3:1과 Tailwind 팔레트 실측표

9분 읽기

CSS Flexbox vs Grid, 언제 뭘 쓸까? 상황별 선택 기준 비교
디자인·CSS

CSS Flexbox vs Grid, 언제 뭘 쓸까? 상황별 선택 기준 비교

6분 읽기

CSS 단위 px·rem·em·%·vw 차이와 선택 기준 — 2026 반응형 가이드
디자인·CSS

CSS 단위 px·rem·em·%·vw 차이와 선택 기준 — 2026 반응형 가이드

6분 읽기

CSS box-shadow 레퍼런스: 고도별 그림자 레시피 표와 다중 그림자 실전
디자인·CSS

CSS box-shadow 레퍼런스: 고도별 그림자 레시피 표와 다중 그림자 실전

6분 읽기

CSS Box Shadow 마스터하기 - 자연스러운 깊이감 만드는 그림자 가이드
디자인·CSS

CSS Box Shadow 마스터하기 - 자연스러운 깊이감 만드는 그림자 가이드

4분 읽기

HEX·RGB·HSL 차이와 색상 선택 팁 - 디자이너·개발자를 위한 색 코드 가이드
디자인·CSS

HEX·RGB·HSL 차이와 색상 선택 팁 - 디자이너·개발자를 위한 색 코드 가이드

4분 읽기

다른 서비스의 관련 가이드

2026 추석 연휴 국내여행 지역 고르기 체크리스트 8항목 — 9월 24~27일, 축제 없는 연휴를 채우는 법
놀러가자

2026 추석 연휴 국내여행 지역 고르기 체크리스트 8항목 — 9월 24~27일, 축제 없는 연휴를 채우는 법

11분 읽기

반려견 미용실 맡기기 전 체크리스트 12가지: 등록증·CCTV 확인부터 미용 사고 대응까지
펫찾기

반려견 미용실 맡기기 전 체크리스트 12가지: 등록증·CCTV 확인부터 미용 사고 대응까지

11분 읽기

2026 영유아 발달선별검사(K-DST) '심화평가 권고' 받았을 때 90일 체크리스트
맘맵

2026 영유아 발달선별검사(K-DST) '심화평가 권고' 받았을 때 90일 체크리스트

8분 읽기

← 이전 가이드

QR코드 원리와 안전한 사용법 - 피싱 QR 구별하는 법까지

다음 가이드 →

UUID vs 랜덤 문자열 vs 타임스탬프 - 식별자 선택의 기준

목록으로 돌아가기

목차

  1. 종횡비란 무엇인가?
  2. 16:9 - 와이드의 시대
  3. 4:3 - 고전적이고 안정적인 비율
  4. 1:1 정사각형 - SNS 시대의 표준
  5. 9:16 세로형 - 모바일 우선의 비율
  6. 3:2와 황금비, 그 외 비율
  7. 비율을 잘 고르는 팁
  8. 도구로 비율 계산하기
  9. 관련 가이드