DESIGN

화면 비율 계산기 — 이미지 크기 조정

이미지와 동영상의 비율을 올바르게 유지하면 왜곡 없는 완벽한 디스플레이가 가능합니다.

일반적인 화면 비율

  • 16:9: 와이드스크린 비디오, 유튜브, 데스크톱 화면
  • 4:3: 전통적인 TV, 구형 모니터
  • 1:1: 인스타그램, 프로필 사진
  • 9:16: 세로형 모바일, 스토리, 릴스
  • 21:9: 울트라와이드 화면
  • 3:2: DSLR 사진, 35mm 필름

계산 공식

  • 새 높이 = (새 너비 × 원본 높이) / 원본 너비
  • 새 너비 = (새 높이 × 원본 너비) / 원본 높이

CSS로 화면 비율 유지하기

/* 현대적인 방법 */
.container { aspect-ratio: 16 / 9; }

/* 구형 방법 (padding trick) */
.container { position: relative; padding-bottom: 56.25%; }