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%; }